Divi WP sablon képátméretezés alfától omegáig

Divi WP sablon képátméretezés alfától omegáig

A kedvenc WordPress sablonom a Divi. A Divi egyszerűvé teszi a képek megjelenítését a honlapunkon. Néha azonban kihívást jelent a megfelelő képméret kiválasztása a  különféle modulokhoz. Ha hatalmas fájlméretben töltjük fel a képet, akkor az lassítja a weboldalt, ha pedig túl kicsi méretet választunk, akkor “pixeles” lesz a kép, és gagyi hatást érünk el vele. Milyen a megfelelő képátméretezés, ha Divi sablont használunk?

Divi WordPress sablon és a SEO

A keresőoptimalizálás egyik fontos eleme a képek és  a multimédiás tartalmak optimalizálása. A képek méretei befolyásolják a weboldal sebességét és a felhasználói élményt egyaránt, ezért fontos megérteni, hogyan lehet kiválasztani a legjobb képméreteket a Divi sablonnal ellátott WordPress oldalra.

A honlap sebességről itt olvashatsz illetve nézhetsz videót:

Weboldal sebesség teszt

A képeket még a feltöltés előtt érdemes optimalizálni:

  • átméretezéssel(pixel)
  • tömörítéssel (kb)
  • illetve levágni a “felesleget” pl. ha keskeny fejlécként szeretnéd használni

Ideális, ha a képfájlok mérete 60kb és 200kb között marad. Így nem

lassítják túlságosan az oldal betöltési idejét.

 

Válaszd ki a megfelelő szerkesztőprogramot a következő cikkből:

Képszerkesztő programok illetve a “méret a lényeg?”

  

 Ha feltöltöttük a képet,  ne felejtsük el kitölteni az “alt tag“-et, vagyis a helyettesítő szöveget.Képátméretezés Divi 11.alt tag fontossága

A keresőmotorok számára fontos információt jelent a cím, a helyettesítő szöveg és a felirat.

A cuki cicás képnél a Google nem biztos, hogy a cuki cicát látja, de ha beírod, hogy “cuki cica” az alternatív szövegbe, akkor a találati listán a “cuki cica”kulcsszóra is előrébb kerülhetsz, ha ez a célod.

A DIVI sablonnál a Google nem olvassa automatikusan a háttérképeket, mivel azok nem img tag-ek közé vannak zárva. Tehát ha a metaadatai nincsenek kitöltve, nem gond. A háttérképek a CSS-ben jelennek meg, és leginkább csak dizájn szempontból jelentős.

A Divi WordPress sablonnal sokféle módon lehet használni a képeket:

  • képátméretezés - képoptimalizálásteljes szélességű képként
  • fejléc modulokban
  • galériában
  • projektmodulokban
  • blog modulokban
  • blogbejegyzésekben
  • fülszövegben (blurb)
  • webáruházban
  • stb.

Ezekhez a modulokhoz különböző képméretekre lesz szükség.

Alkalmazkodjunk a kész elrendezéshez!

Léteznek kész “layoutok” (elrendezések), amelyeknél érdemes figyelembe venni az ajánlott képméretet, ha a saját fotóinkat akarjuk felhasználni.

Nézzük meg, hogy mekkora illetve milyen arányú képeket jelenítenek meg a demo oldalon.

A Divi sablont három különböző méretarányra (szélesség: magasság) optimalizálták:

16: 9 – a standard monitor arány- a teljes szélességű fejlécek számára ideális.

4: 3 – a régebbi monitor aránya, szinte négyzetes és nagyszerű a legtöbb kép esetében.

3: 4 – állókép (magasabb, mint széles) portréképekhez megfelelő ez az arány.

Rendelkezésünkre áll egy nagyszerű online kalkulátor: Aspect Ratio Calculator, hogy átszámoljuk pixelbe a fenti arányokat.

Mitől függ a képméret a Divi sablon esetében?

 

Nincs szabványos, “tökéletes” méret, ami az összes weboldal számára

érvényes, mert az ideális méret sablononként eltérő lehet.

A Divi sablont használó weboldal tökéletes képméretezése három fő

tényezőtől függ:

1. Képarány: a kép magassága és szélessége

2. Oszlopok/hasábok elrendezése:a kép maximális szélességét

határozza meg

3. Reszponzivitás: a kép méretének módosítása különböző méretű

képernyőkre (mobil, tablet, stb.)

 

A Divi alapértelmezett elrendezési beállításai alapján 1080px szélességet kell beosztani!

 

A fenti képen látható, hogy az oszlopok (column) méretezésénél nincs

megadva a kép magassága, csak a szélessége.

 

Az általános szabály az, hogy a kép legalább olyan széles legyen, mint az oszlop, amelybe beilleszted.

A következő képméretek követik a 16: 9 képarányt

 

  • 1 oszlop: 1080 x 608
  • ¾ oszlop: 795 x 447
  • ⅔ oszlop: 700 x 394
  • ½ oszlop: 510 x 287
  • ⅓ oszlop: 320 x 181
  • ¼ oszlop: 225 x 128

A következő képméretek követik a 4: 3 képarányt

1 oszlop: 1080 x 810

¾ oszlop: 795 x 597

⅔ oszlop: 700 x 526

½ oszlop: 510 x 384

⅓ oszlop: 320 x 241

¼ oszlop: 225 x 170

A pontos méretek megadásánál vegyük figyelembe, hogy a 4 oszlopos elrendezés kisebb kijelzőn 2 oszlopra csökken.

 

 

 

Az eredeti 4 oszlopos elrendezés 4: 3 képaránnyal: 225px: 170px-es képméretet jelent.

Ha a fenti méretben töltjük fel a képeket, akkor a képfájl mérete pozitívan befolyásolja az oldal betöltési idejét.

A hátránya, hogy nem tölti be az oszlopszélességet kisebb képernyőkön, például tableten.

A 2 oszlopos elrendezés 370px szélességű képméretet kíván.

Tehát ha azt szeretnénk, hogy a kép kitöltse az oszlopszélességet, a 225 képpontos szélesség helyett 370 képpontos képméretet kell használni.

Slider és Post Slider háttérképek Diviben

Slider és Post Slider háttérképek Képátméretezés Divi 13

Ha képeket vagy blogbejegyzéseket szeretnél vetítés formájában bemutatni, akkor az alábbi szempontokat kell figyelembe venni:

A vetítés háttérképei legalább olyan szélesnek legyenek, mint az adott oszlop.

Így egyszerű a dolgunk, hiszen csak a DIVI sablon szabványát kell figyelnünk.

A vetítés hátterének magasságát a rajta elhelyezett tartalom határozza meg, így lehet, hogy módosítania kell a háttérkép magasságát.

A következő képméretek a 16: 9 képarány-szabványnak felelnek meg:

  • 1 oszlop: 1080 x 608
  • ¾ oszlop: 795 x 447
  • ⅔ oszlop: 700 x 394
  • ½ oszlop: 510 x 287
  • ⅓ oszlop: 320 x 181
  • ¼ oszlop: 225 x 128

A következő képméretek követik a 4: 3 képarány-szabványt:

  • 1 oszlop: 1080 x 810
  • ¾ oszlop: 795 x 597
  • ⅔ oszlop: 700 x 526
  • ½ oszlop: 510 x 384
  • ⅓ oszlop: 320 x 241
  • ¼ oszlop: 225 x 170

Ha azt szeretnénk, hogy a vetítés a mobil eszközök oszlopainak szélességét lefedje, használjuk ezeket az irányelveket:

4: 3 képarány esetén:

  • 1 oszlop: 1080 x 810
  • ⅔ oszlop: 770 x 578
  • ¾ oszlop: 770 x 578
  • ½ oszlop: 770 x 578
  • ⅓ oszlop: 770 x 578
  • ¼ oszlop: 370 x 278

16: 9 képarány esetén:

  • 1 oszlop: 1080 x 608
  • ⅔ oszlop: 770 x 433
  • ¾ oszlop: 770 x 433
  • ½ oszlop: 770 x 433
  • ⅓ oszlop: 770 x 433
  • ¼ oszlop: 370 x 208

Teljes szélességű háttérképek vetítéshez

Ajánlott minimális szélesség: 1920px

 

Teljes szélességű háttérképek vetítéshez Képátméretezés Divi 14

 

A teljes szélességű vetítés háttérképének szélességét mindig a böngésző

szélessége határozza meg. A szabványos képernyőméretek alapján javaslom, hogy a képek legalább 1280px szélesek legyenek.

Ha nagyon fontos számunkra, hogy a képek nagyobb monitorokon se legyenek pixelesek, inkább 1920px széles kép használata ajánlott.

Ahogy korábban írtam, a magasságot mindig a tartalom mennyisége határozza meg, így a kép magasságát igazítsuk ehhez. Ha kell, vágjunk meg

a képet.

 

Slider és Post Slider Kiemelt kép Képátméretezés Divi 15.

 

Slider és Post Slider Kiemelt kép

 

Most a diák és a bejegyzésben használt kiemelt képek méreteiről lesz

szó, amelyek a háttér előtt jelennek meg. A diaképek csak akkor jelennek meg, ha a vetítés ⅔ , ¾ vagy 1 oszlopszélességet foglal el.

Fontos, hogy a dia képmérete legalább ilyen széles legyen, hogy optimálisan jelenjen meg a különböző méretű kijelzőkön.

  • 1 oszlop: 450
  • ¾ oszlop: 330
  • ⅔ oszlop: 320

Megjegyzés: A 768px-nél kisebb böngésző szélessége elrejti a képet, és csak a bejegyzés kivonatát jeleníti meg.

Képek megjelenítése Lightbox-ban Képátméretezés Divi 16

 

Képek megjelenítése Lightbox-ban

 

Képgalériáknál használjuk a lightbox-ot. Ez azt jelenti, hogy a fotókra rá lehet kattintani, és külön ablakban megnézhetjük a feltöltött képet. A képgalériáknál két szélsőségbe eshetünk:

  1. Eredeti hatalmas méretű fotókat töltünk fel, amelyek piszkosul lelassítják az oldalt.
  2. Túloptimalizáljuk a képméretet, és nagyon kicsi pixelszélességet adunk meg.

Ha a képeket szeretnénk kattinthatóvá tenni, akkor érdemes nagyobb képméretet használni, hogy akár teljes képernyőméretben gyönyörködhessen a fotóinkban a honlapra látogató.

Általában 1500 x 844 méretezés jól működik nagy kijelzőn is, ha teljes képernyő szélességben akarjuk bemutatni a fotóinkat.

 

Blog modul kiemelt képek – teljes szélességű elrendezéssel

Blog modul kiemelt képek Képátméretezés Divi 17.

Képszélesség: egyenlő az oszlop szélességének méretével. A blogmodul használata során a megjelenítendő képek hozzáadása nem túl bonyolult.

A kiemelt képeknek olyan szélesnek kell lenniük, mint az oszlop, amelybe

beillesztjük.

Oldalsávos elrendezésnél például, egy kétharmados oszlopban legalább 700px szélességű képet kell használni, mivel ez a Divi kétharmados oszlopának szélessége.

Ne felejtsük el, hogy a kiemelt képet eredetileg a blogbejegyzésben kell beállítani.

Nézzük meg, hogy a bejegyzésünk vajon kétharmados oszlopot használ vagy sem. Ha nem, akkor a lenti méretek az irányadók.

Íme a méretezés:

  • 1 oszlop: 1080
  • ¾ oszlop: 795
  • ⅔ oszlop: 700
  • ½ oszlop: 510
  • ⅓ oszlop: 320
  • ¼ oszlop: 225

Blog modul – kiemelt képek rácselrendezéssel (grid)

 

Blog modul - kiemelt képek rácselrendezéssel (grid) Képméretezés Divi18
Szélesség: egyenlő az egyoszlopos oszlop szélességével (alapértelmezett 795px)

A teljes szélességű blogelrendezéséhez hasonlóan a kiemelt kép méretét itt is magánál a blogbejegyzésnél kell beállítani.

Ami nagyszerű a rácselrendezésben, hogy a Divi a médiagalériába feltöltött képek kisebb változatát használja automatikusan (400px szélességgel).

Emiatt nem kell aggódnunk, hogy túl nagy lesz a képünk a rácsszerkezetben való megjelenítéshez.

Blurb (fülszöveg) modul képméretek Képméretezés Divi 19

 

Blurb (fülszöveg) modul képméretek

Maximális szélesség: 550px

A fülszöveg modulban elhelyezett kép méretezése is az oszlopszélességet követi, kivéve az 1 oszlopos elrendezést.

Ilyenkor a normál 1080px képszélesség helyett 550px-t adjunk meg!

  • 1 oszlop: 550px
  • ½ oszlop: 510px
  • ⅓ oszlop: 320px
  • ¼ oszlop: 225px

Személy modul (Person Module) képméretek

A bemutatkozó résznél érdemes használni a saját portrénkkal.

 

Ajánlott méret: szélesség: 600px

3: 4 – 600 x 800 (portrékhoz ajánlott)

  • 16: 9 – 600 x 338
  • 4: 3 – 600 x 400

Reszponzivitás

Egy 1 oszlopos elrendezésnél a kép a tartalom bal oldalán jelenik meg, 320px-es méretben.

Ha a képernyő mérete kisebb, mint 767px, a kép a tartalomterület szélességét 600px szélességgel veszi át.

 

Shop (áruház) modul termékképek méretei

 

Shop (áruház) modul termékképek méretei Képátméretezés Divi 21.

Ajánlott szélesség: 330px

Ajánlott oszlopszám: 3 vagy több

Íme a termékképek szélessége különböző elrendezésekben:

  • 6 oszlop: 150px
  • 5 oszlop: 183px
  • 4 oszlop: 240px
  • 3 oszlop: 332px
  • 2 oszlop: 520px
  • 1 oszlo

Testimonial (Ajánlás) portré képek beállításai

 

Testimonial (Ajánlás) portré képek beállításai2

 

Az alapértelmezett beállítás szerint a Divi ebben a modulban 90x90-es méretre alakítja át a képeket, és körként jeleníti meg.

A legideálisabb ezért, ha a feltöltött kép is pontosan 90x90px.

Persze lehet bármilyen 1:1-es képarányú (négyzet alakú) fotót alkalmazni, de a feleslegesen nagy fájlméret lelassítja az oldal betöltési idejét.

A Tervezés fülön (Advanced Design Setting) testre szabhatjuk a portré kép méretét és a szegély sugarát egyaránt.

Forrás:

The Ultimate Guide to Using Images within Divi

How to Choose the Best Image Sizes for your Divi Website

 

Antal-Pap Judit

Antal-Pap Judit

SEO szakember,  keresőoptimalizálás szakértő, web-designer

Saját honlapok:

AntikaotikaAntikaotika-designAntikaotika-SEORetro-Vintage

Mobilbarát a weboldalad? – SEO elemzés 2.

Mobilbarát a weboldalad? – SEO elemzés 2.

Köszöntelek a SEO elemzés videó sorozatom második részében, melynek témája: a mobilbarát weboldal. A mobilbarát, reszponzív honlap mára alapkövetelmény, de természetesen több módon is meg lehet oldani, hogy a hogy a honlap felhasználó- és “googlebarát” legyen. Bemutatok pár mobilbarát tesztet.

Amikor elvégzek egy ingyenes SEO elemzést erre mindenképp kitérek, ugyanis rangsorolás szempontjából fontos, hogy a honlapod mobilbarát-e vagy sem.

 

VIDEÓ – SEO elemzés 2. Mobilbarát a honlapod?

 

 

Az előző részben megtudhattuk, hogy SEO elemzés szempontjából milyen a jó weboldal témáját tekintve, illetve melyek lehetnek azok a problémák, amiért webhelyed nem úgy teljesít a Google keresőben, ahogy arra számítottál.

Ebben a részben egy innovatív lehetőségről beszélek, mely azoknak fontos akik „élen” akarnak megjelenni a keresési listában, akik lépést akarnak tartani a megváltozott keresési igényekkel. Nevezetesen, akiknek fontos tényező, hogy a weboldal tartalma mobiletelefonról is könnyen olvasható, reszponzív legyen. Ezért fontos a reszponzív webdesign is (amiről majd egy másik videóban beszélek részletesen).

 

 

Mit jelent a reszponzivitás?

 

A reszponzív szó jelentése: érzékeny, fogékony, jól reagáló.

A reszponzív weboldal tervezésében úgy jelenik meg, hogy a tartalom a képernyő (böngésző ablak) szélességére reagál, rugalmasan változik.

A reszponzív design lényege tehát, hogy eszközfüggetlen. Ugyanolyan felhasználói élményt nyújt egy mobiltelefonon, mint egy laptopon.

A Google minden évben több százszor frissíti a keresőmotorok algoritmusát kisebb, nagyobb módosításokkal.  A folyamatos fejlesztések, módosítások mögött a fejlődés, a folyamatosan változó igények kielégítése rejlik.

Mérésének eredményeként kapta azt az információt is, hogy manapság a keresések nagyobb része mobileszközökről történik, nem asztali gépekről. Ennek a módosult igényeknek szeretne megfelelni a Google.

Ez év őszén küldött értesítést a Google minden olyan webhely tulajdonosnak – nekem is -, akiknek Google Search console-hoz van kötve a weboldaluk. Ebben olvashattuk, hogy immár a Google Keresés találataiban megjelenő kivonatok a tartalom mobilverziójából készülnek.

Tehát a Google elsősorban azt nézi, hogy milyen a mobilverziója a weblapnak.

 

Hol tudom megnézni, hogy mobilbarát e a weboldalam?

 

A Search console-ban  különböző elemzések vannak ugyan ez irányban, néha jelentést is ad, de nem lehetünk biztosak, hogy a valós eredményt mutatja minden esetben. Ezért azt szoktam javasolni, hogy ha biztosak akarunk lenni, hogy mobilbarát e az oldalunk, futtassunk le  egy  „mobilbarát teszt” et.

 

Google Mobilbarát Teszt – Google Mobile Friendly Test

 

Írd be a keresőbe:

https://search.google.com/test/mobile-friendly?hl=hu

H a megjelenik a fenti felület, akkor nincs más dolgunk, mint a vizsgált  weboldalunk URL-ét beilleszteni, és a tesztet lefuttatni.

 

Még egy érdekességet feltétlenül megemlítek: ha  például „http” változatodról átálltál  „https”  változatra,  a Search Console – ba az új „https ” változatot is vedd fel, hogy ne kapj szívbajt, hogy lezuhan az eredmény. Ez gyakori hiba! Az eredmény szerencsére ettől független. Az átálláskor előfordulhat átmeneti visszaesés

Szemléltetésként nézzük az én elhanyagolt oldalamat. Ha rákattintunk Google Search Console-ban az eszközökre (lásd fenti videó) láthatjuk, , hogy a legtöbb keresés, kattintás mobilról érkezik. A számokat figyelve, a keresések több mint a fele jön innen.

 

 

Összegezve: A reszponzív dizájn mellett alternatíva, ha mobilra  külön változatot tervezünk, saját URL-címen, pl. ha egy régi weblapnak nincs mobil verziója. Alapesetben nem javaslom, hogy külön készítsünk egy mobiloldal változatot is! A WordPress honlapok sablonjai 98%-ban reszponzívak, használatuk viszonylag egyszerű, nem kell kódolgatni a mobilbarát felhasználói élmény elérése érdekében

 

l

Házi feladat

Házi feladatként írd meg, hogy sikerült e mobilbarát lenni, majd várlak a SEO elemzés következő témájához!

Antal-Pap Judit

Antal-Pap Judit

SEO szakember,  keresőoptimalizálás szakértő, web-designer

Saját honlapok:

AntikaotikaAntikaotika-designAntikaotika-SEORetro-Vintage

MIRŐL SZÓL A HONLAPOD? SEO elemzés 1.

MIRŐL SZÓL A HONLAPOD? SEO elemzés 1.

 

Készítek egy videó sorozatot, hogy megmutassa neked miből áll a SEO elemzés. Most a témakör első videóját láthatod, melynek a célja a problémák feltárása, rendberakása annak érdekében, hogy honlapod sikeresen szerepeljen a Google keresőben, és megjelenjen a találati listában.

A legjobb tanulás a tapasztalás és a szemléltetés – ez lehet akár negatív, akár pozitív tapasztalat ; vagy tanuljunk mások hibájából –  nevezhetjük bárhogy – így tehát az én első, legkorábbi honlapomon, az https://antikaotika.hu weboldalon mutatom be neked a problémát.

Az „Antikaotika – elég a káoszból” létrehozásakor vicces nevet választottam, aminek célja az volt, hogy a bennem lévő káoszt, a problémák legyőzését kiírjam magamból. Válogatás nélkül írtam mindenről ami bennem volt.

Miről szól a honlapod? -videó a YouTube-on

 

Ha megfigyeljük az itt látható cikkeket, rögtön szembetűnik, hogy nagyon szerteágazó témájukkal semmi összefüggés nincs közöttük. (Van cikk az egészségről, levenduláról, retro- stílusról, rendről, fogászatról, takarításról stb. ), ami a honlap címéhez hiába igazodik, de azt a célt ezzel nem érem el, ami minden honlap tulajdonos célja, hogy jól szerepeljen a Google keresőben.

Ugyanis a Google nem tudja összerakni a hiányos, szerteágazó tartalomból a honlap témáját. Működik a honlap ugyan, de nincs „ereje”.

 

Írjunk cikket kulcsszavakra!

 

Később, amikor megtanultam, hogy kulcsszavakra kell írni a cikkeket a jó helyezés érdekében, akkor kitalált kulcsszavakra, hasra ütés szerűen írtam a témáimat, a tartalmat. Akkor még nem sejtettem, hogy ezzel a megoldással a véletlenre bíztam a honlapom sikerét. Tehát ezzel sem sikerült erős kulcsszavakkal a Google találati listára kerülnöm.

 De honnan is tudhattam, hogy mi számít erős vagy jó kulcsszónak, amire keresnek is az emberek?

Miről szóljon egy honlap, hogy a Google jól értékelje?

A lényeg: bármiről írhatsz, bármi is érdekeljen, de a honlapodban egy domain-hoz  lehetőleg egy tartalmat/témakört adjál.

Amikor keresőoptimalizálásról beszélünk, legyen az az alap, hogy a honlap egy témáról szóljon.

Kulcsszókutatás!

 

Ennek a cikknek nem a kulcsszókutatás alapos bemutatása a cél, de egy-két jó tanáccsal már előrébb leszel.

Először is bele kell “látnod” a vevőid fejébe.

  • Vedd elő a józan paraszti eszedet – ha te szeretnéd megvenni, amit most el akarsz adni, hogy írnád a keresőbe?
  • Gyakran amikor a Google keresőablakába elkezded beírni a kulcsszót, a Google automatikusan kiegészíti a szövegedet azokkal a kifejezésekkel, amelyekre gyakran keresnek. Érdemes ezek körül keresgélned!
  • Ha a weboldalad össze van kötve a Google Search Console-lal, elég pontos adatokat kaphatsz arról, hogy mely kulcsszavakra jelent meg a te oldalad a találati listán.
  • Végezz kulcsszó kutatást a Google Adwords kulcsszótervezővel.
  • Google Trends oldalon is végezhetsz összehasonlítást, ha pl. nem vagy biztos abban, hogy macskatáp vagy a macskaeledel kifejezést keresik-e gyakrabban.
l

 

Házi feladat

Javaslom neked, hogy házi feladatként próbáld meg alkalmazni a fentieket a saját honlapodon.

 

  • Fogalmazd, meg miről szól a  honlapod.
  • Hozzá szólhatsz itt a videó alatt a YouToube-n, mennyire jártál sikerrel, teljesítetted e a célt: egységes lett e a honlapod.
  • Ha megakadtál, kérdésed van azt is leírhatod, szívesen segítek.

Következő videómban folytatom a SEO elemzés témakörét! Várlak szeretettel, hogy tovább lépj a siker felé!

Antal-Pap Judit

Antal-Pap Judit

SEO szakember,  keresőoptimalizálás szakértő, web-designer

Saját honlapok:

AntikaotikaAntikaotika-designAntikaotika-SEORetro-Vintage

Keresőoptimalizálás lépésről lépésre

Keresőoptimalizálás lépésről lépésre

Amikor ráébredsz arra, hogy szinte nincs látogató a weboldaladon, hiába áldoztál egy csomót a honlapodra, akkor az egyik megoldás, hogy elkezdesz vadul hirdetni, a másik  – hosszútávon nagyszerűen megtérülő – megoldás: a keresőoptimalizálás lépésről lépésre, amit egy SEO szakértővel együtt valósítasz meg.

A keresőoptimalizálás lépésről lépésre kifejezéssel először Szilágyi Balázs SEO tanfolyama  kapcsán találkoztam, akit mesteremnek tekintek. Amit én kínálok, az nem tanfolyam, hanem maga a SEO feladatok elvégzése hétről hétre, lépésről lépésre. Ez egyfajta rugalmas csomag, az Ébredő Erő 3 havi SEO előfizetési csomag alternatívája azoknak, akik csak pár beállítást kérnek a honlapjukra.

Eleged van a szélhámosokból, akik rengeteg pénzért kínálják a semmit, amit aztán meg sem valósítanak?

Nagyon sokan fordultak már hozzám azzal, hogy kihasználták őket különféle szakértők. A csalódás több okból is fakadhat.

  • Túl nagy volt az elvárás.
  • Túl nagy volt az ígéret.
  • A munka nem lett elvégezve.
  • stb…

Szeretném a bibliai alapelveket a munkámban is megvalósítani:

Úgy akarok bánni az ügyfeleimmel, ahogy szeretném, hogy velem bánjanak…

Elég sokan megkerestek mostanában különböző igényekkel, szűkösebb anyagi lehetőségekkel, részfeladatokkal, amelyekre szerettem volna megfelelő megoldást és tisztességes árazást kínálni, ezért találtam ki a “Keresőoptimalizálás lépésről lépésre” csomagot. Persze adhattam volna neki a “Keresőoptimalizálás hétről hétre” elnevezést is, de mivel SEO szakember vagyok, nyilván olyan címet választok, amire van keresés a Google-ben. Jelenleg havonta 50 keresés van erre a kulcsszóra, és valószínűleg a “Honlapra Fel!” képzéseit keresik – amelyeket én is jó szívvel ajánlok. Mivel mások is foglalkoznak SEO-val, ezért ezt a keresési hullámot meglovagolva, a “Keresőoptimalizálás lépésről lépésre” kulcsszóval kínálják szolgáltatásaikat vagy a letölthető csalikat PDF formában.

Miért fontos a SEO munkát hétről hétre, azaz lépésről lépésre kivitelezni?

✅ Mivel az eredmények is fokozatosan jelennek meg, ezért a beállításokat is érdemes fokozatosan elvégezni.

✅ Könnyebben ellenőrizhető minden beállítás és azok eredményeiről pontosabb képet kapunk

✅ A te honlapod, valamilyen szinten meg kell értened a SEO működését – ebben segítek hétről hétre.

✅ A visszacsatolás a a továbblépés kulcsa: csak akkor tudunk továbblépni, ha a hetente elvégzett munkáról visszajelzést kapok.

Miért jó a SEO szakembernek hétről hétre teljesíteni a megbízást?

Én sem vállalok el minden munkát. Kevés az időm, sok a felkérés. Igyekszem olyan ügyfeleket keresni, akiknek tényleg fontos a saját honlapjuk minősége és fejlődése.

✅ A stratégia nélkülözhetetlen: önfegyelmet követel – a heti szintű vállalás biztosítja, hogy megfelelő ütemben haladjunk a cél felé.

✅ Amit vállalok, azt teljesítem. Extra kérések már egy másik szerződés tárgyát képezik.

✅ Akkor folytatom a munkát, ha megkapom a heti visszajelzést.

✅ A rendszer rugalmas és átlátható.

Miért előnyös a keresőoptimalizálás lépésről lépésre rendszere neked mint ügyfélnek?

✅ Kisebb költségkerettel is belevághatsz a SEO-ba.

✅ Hétről hétre egyre több titkot tudsz meg a keresőoptimalizálás rejtélyes világáról.

✅ A rendszer olyan lesz, mintha egy tanfolyamot vennél, ahol úgy “mellékesen” rendbe tesszük a weboldaladat.

✅ Nem leszel örökké egy seós szakemberhez láncolva.

✅ Rajtad áll, hogy hány hétig működünk együtt.

✅ Minél több hétre fizetsz elő, annál több kedvezményt kapsz.

✅ Bármikor folytathatjuk a közös munkát ott, ahol abbahagytuk. Pl. csak az 1. három hetet tudod kifizetni, pár hónap múlva is folytathatjuk a 4. héttől.

✅ Nyomon tudod követni a feladatokat és az elvégzett munkát.

✅ Azt kapod, amire előfizettél.

✅ Nincs mellébeszélés, ködbe burkolózott titokzatosság!

✅ Garantált AHA-élmény!

✅ Ingyenes Skype-konzultációkon vehetsz részt!

Miből áll és mennyibe kerül a keresőoptimalizálás lépésről lépésre csomag?

A könnyebb érthetőség kedvéért itt egy példa, hogy pl. az Ébredő Erő 3 havi SEO ajánlat hogy nézne ki heti lebontásban.

A feladatok természetesen honlaponként és igényenként változhatnak, ez megállapodás kérdése.

 

Ha bizalmatlan vagy, akkor tegyél próbára. Egy fél órás Skype beszélgetés pl. csak 5000 Ft. Viszont garantált lesz az “AHA” élmény! Nagyon sok jó tanácsot tudok mondani a honlapoddal kapcsolatosan. Konkrétumokat, kulcsszavakat, megoldást a legégetőbb problémádra.

Ha pl. neked kulcsszavakra van szükséged és egy kis fenékberúgásra, akkor elég az 1. hónapra előfizetned.  Vélhetőleg már ezzel a tudással is nagyobb előnyt fogsz élvezni a konkurenciáddal szemben!

Ne feledd el, hogy hiába van akár a legjobb eszköz is a kezedben, ha nem használod semmire sem mész vele.

Én a további hetekben a kutatások mellett a megvalósításban is segítek. Lerántom a leplet néhány műhelytitokról.

Nézd meg tehát a lenti mintaprojektet! A jobb oldali kis + jelekre kattogva megjelennek a részletek.

1. hét 5 000 Ft

SKYPE konzultáció

  • Kidolgozzuk a  honlapkoncepciót
  • Kik a potenciális ügyfelek?
  • Milyen problémára adunk megoldást?
  • Ki a konkurencia?
  • Milyen kulcsszavakra szeretnénk feljönni?
  • Google Search Console + statisztika beállítás
2. hét 45 000 Ft, 1+2 hét összesen: 50 000 Ft
  • Honlapgyorsítás
  • Technikai SEO audit
3. hét 10 000 Ft 1-3. hét összesen: 60 000 Ft

Konkurenciaelemzés, “kémkedés”

  • Miben áll a konkurencia ereje?
  • Konkurencia kulcsszavai és linkjei táblázatban
  • videós elemzés
4. hét 30 000 Ft 1-4. hét összesen: 90 000 Ft
  • Kulcsszókutatás:

    • főoldal
    • aloldalak
    • kategóriák

     

  • Táblázatban rendszerezve (több száz kulcsszó havi keresési adatokkal)

    Kulcsszópotenciál

    A Google Search Console eredményei alapján megnézzük, hogy mely kulcsszavakat érdemes az aktuális állapotok alapján megcélozni  – “friss” Search Console összekapcsolás esetén értékelhető adatokhoz minimum két hetet érdemes várrni.

     

    Idegen nyelvű kulcsszókutatást is vállalok! Ennek az ára 50 000 Ft.

5. hét 25 000 Ft 1-5. hét összesen: 115 000 Ft
  • Főoldal SEO beállítás

     

      • html title
      • html meta description mezőinek pontos megszövegezése
      • webldal szerkezet javítás:
        • lábléc
        • oldalsávok elrendezése, szövegezés
      • Extra tartalom elkészítése, szövegezése
      • Menüszerkezet optimalizálás – webshop esetén kategóriafa optimalizálás (amennyiben indokolt) RÉSZLETEK
6. hét 30 000 Ft 1-6. hét összesen: 145 000 Ft

Lokális  SEO

Nagyon izgalmas!

 

7. hét 20 000 Ft 1-7. hét összesen: 165 000 Ft

1. minta blogbejegyzés megírása

 

8. hét 15 000 Ft 1-8. hét összesen: 180 000 Ft

Linképítés + közösségi médiamegosztás

 

 

9. hét 20 000 Ft 1-9. hét összesen: 200 000 Ft

A legnagyobb potenciált jelentő aloldal szövegének módosítása, megírása

  • a keresők számára a megcélzott kulcsszavak erősítse

  • a látogatók problémáinak feltérképezése

  • válasz a problémákra
  • html title
  • html meta description mezőinek pontos megszövegezése

 

1. Összefoglaló

10. hét 25 000 Ft 1-10. hét összesen: 225 000 Ft

 

SEO blogírás betanítás/2. blogbejegyzés megírása

  • VIDEÓ+ személyes konzultáció
  • Új blogbejegyzés megíratása támogatással

Longtail kulcsszavak listája:

  • Miről írjunk cikket hétről hétre?

 

11. hét 20 000 Ft 1-11. hét összesen: 245 000 Ft

A 2. legnagyobb potenciált jelentő aloldal szövegének módosítása, megírása

  • a keresők számára a megcélzott kulcsszavak erősítse
  • a látogatók problémáinak feltérképezése
  • válasz a problémákra
  • html title
  • html meta description mezőinek pontos megszövegezése
12. hét 25 000 Ft 1-12. hét összesen: 270 000 Ft
  • Linképítés

  • Közösségi média

  • Vendégcikkek

13. hét 0 Ft 1-13. hét összesen: 270 000 Ft. Egy összegben előre fizetéssel csak 260 000 Ft!

2. összefoglaló

 

Webshop menürendszerének optimalizálása

Antal-Pap Judit

Antal-Pap Judit

SEO szakember,  keresőoptimalizálás szakértő, web-designer

Saját honlapok:

AntikaotikaAntikaotika-designAntikaotika-SEORetro-Vintage

Linképítés – mit jelent 2019-ben? Útmutató

Linképítés – mit jelent 2019-ben? Útmutató

Nem titok, hogy a linképítés  a  keresőoptimalizálás egyik legfontosabb eleme. Az évek alatt a Google algoritmusok frissítésével a mennyiségről áttolódott a hangsúly a minőségre. Vizsgáljuk meg, hogy milyen a jó linképítés 2019-ben?

 

Mit jelent a linképítés egyáltalán?

 

Linképítés gyakorlatilag szavazatgyűjtést jelent. Van egy weboldal – ez lehet a főoldal, termékoldal, gyűjtőoldal vagy blogbejegyzés – amire természetes úton vagy némi “rásegítéssel” külső forrásból hivatkoznak, linkelnek

 

A keresőoptimalizálás során érdemes óvatosan “rásegíteni” a “szavazatokra” vagyis a hivatkozásra.

Mivel a keresőrobotok a linkek mentén járják be az internetet, hogy pl. a Google találati listán a legjobb eredmények jelenjenek meg, ezért egyáltalán nem mindegy, hogy

  • hány link mutat egy adott oldalra
  • milyen a linket adó oldalak minősége
  • a te oldaladra mutat-e link egy értékes és a témában releváns oldalra?

Nézd úgy, hogy a linkek szavazatot jelentenek a a weboldaladra!

Ha a Google úgy látja, hogy fontos “személyek” (oldalak) szavaznak rád, akkor nagy eséllyel előkelőbb helyet kapsz a találati listán.

 

 

Linképítés vagy tartalomépítés?

 

Amikor valaki keresőoptimalizálásra adja a fejét, könnyen elcsábulhat egy tömeges és olcsó linképítési ajánlatra. Egy jó SEO szakember viszont tudja, hogy az az alap, hogy jól legyen beállítva a honlap: 

 

  • Legyenek a nyilvános oldalak indexelve!
  • A technikai elemek (title, meta leírás stb.) legyenek beállítva
  • Hasznos – megcélzott kulcsszóra írt – tartalom – képek legyenek megfelelően optimalizálva.

 

Csak ezután érdemes a linképítéssel foglalkozni!

 

 

Mutassanak külső linkek az oldaladra!

 

Természetesen egy új honlapnál nagyon fontos, hogy legalább egy külső link mutasson a weboldalra!

 

A keresőrobotok a linkhálózatokon keresztül térképezik fel a weboldalakat.

 

Minél értékesebb weboldal mutat a a te honlapodra, a Google annál értékesebbnek fogja tartani a tartalmadat!

 Tömeges linképítés

 

A Google Pingvin algoritmusa például folyamatosan szűri a mesterségesen létrehozott hivatkozásokat (spam linkek), így ma már nem elegendő, sőt nem is ajánlott a hagyományos tömeges linképítés módszereihez folyamodni.

Az értéktelen link katalógusok helyett érdemesebb “élő embereket”, bloggereket, holnaptulajdonosokat keresni, akikkel együtt tudunk működni azzal a céllal, hogy a témánkhoz kapcsolódó oldalainkon hivatkozzanak ránk.

 

A linképítés 2019-ben tehát jóval összetettebb feladatává válik a keresőoptimalizálással foglalkozóknak.

 

Ahhoz, hogy valakitől  értékes linket kapj az oldaladra több területen is képezni kell magad:

 

  • szövegírás
  • marketing
  • programozás
  • dizájn
  • pszichológia

 

A lényeg, hogy ha nagyobb forgalmat szeretnél elérni a keresőből, muszáj energiát fektetni a linképítésbe!

 

 

 

Miért olyan fontos a linképítés 2019-ben? – statisztika

 

A Backlinko csapata az utóbbi pár évben hatalmas vállalkozásba fogott: megvizsgált és kielemzett 1 millió keresési eredményt a Google találtai listáján, és arra a következtetésre jutottak, hogy a messze linkek jelentik a legfontosabb rangsorolási tényezőt.

 

A lenti ábrán is jól látható, hogy a találati lista dobogós helyére (Google position) azok az oldalak kerülnek, amelyekre sok weboldalról mutat link (total referring domains)!

a linkek szerepe a Google találati listán - linképítés 2017 Forrás: backlinko.com

2018-ban a Google is megerősítette,  hogy az oldalunkra mutató linkek jelentik a top 3 rangsorolási tényező egyikét.

 

Ennek megértéséhez üljünk be egy virtuális időgépbe, és utazzunk a Google őskorába!

 

Ebben az időszakban Yahoo! és az Alta Vista keresőmotorok voltak a domináns játékosok a pályán. A keresési eredményeket 100% -ban a weboldalak tartalma alapján rangsorolták.

 

Aztán jött a  Google. Linképítés -minőségi linkek

 

A Google híres PageRank algoritmusa megváltoztatta a játékot. Ahelyett, hogy egyszerűen elemezte volna az oldal tartalmát, a Google megvizsgálta, hogy hány ember linkelt az adott oldalra.

 

Eltelt közel 20 év,  és a Google továbbra is a linkek alapján határozza meg a weblap minőségét, tehát még mindig kiemelt rangsorolási tényező, hogy milyen linkek mutatnak az oldalunkra.

 

Ahogy korábban említettem  – a számos frissítésnek köszönhetően (például a Google Penguin) , a Google számára most már a link minősége (nem csak a link mennyisége) áll  a középpontban.

 

Mi számít minőségi linknek? És hogy működik a linképítés 2019-ben?

 

Biztos, hogy már kíváncsi vagy már a válaszra. Ezt fogom bemutatni az útmutató többi részében.

 

Ha időt és energiát nem kímélve belevetjük magunkat  a linképítésbe, egy idő után a következő  szélsőséges dolgok történhetnek:

 

✅ Ha jó minőségű, prémium linkeket szerzünk

 

Akkor elég hátradőlni, és várni, hogy a “linkrakéta” az első oldalra repítsen.

 

☠ Ha gyenge minőségű linkeket építünk

 

A Google megbüntet a spam-nek tűnő linkek miatt, és hátrasorol.

 

Hogy döntsem el, hogy melyik link értékes és melyik káros?

 

Page Authority (PA) – mennyire tekintélyes az oldal/aloldal, ami a hivatkozást adja?

 

Ha tekintélyes oldalról, blogbejegyzésből kapunk linkeket, az lesz talán a legnagyobb hatással  a rangsorára.

 

Seo szakemberek több éves tesztelés során jutottak arra a következtetésre, hogy a “Page Authority” többet jelent, mint bármely más tényező. Ez azért van, mert a hiteles oldalakra mutató linkek több tekintélyt (vagy más néven PageRank-et) adnak át webhelyére.

 

Page Authority – Egy külső Google-től független cég, a SEOMOZ által használt mérőszám. Mióta a Page Rank frissítés kétségessé vált, érdemes egyéb a weboldalhoz köthető mérőszámokat figyelembe venni, mint például a Page Authority (PA), ami a weboldal egyes aloldalainak az értékét méri. A 0-100 közé eső érték egy matematikai képletre alapozva adja vissza, hogy az adott honlap milyen valószínűséggel ér el jó helyezést a SERP-ben. Minél nagyobb a szám, annál jobban teljesít a weboldal. Mivel a weboldalak erőssége keresőoptimalizáltsági állapotuktól függően változik, ezért a PA érték is folyamatos korrekción megy keresztül.

 

(Megjegyzés: Bár a Google nem osztja nyilvánosan a PageRank információit, továbbra is algoritmusuk alapját képezi).

 

Itt nézd meg, hogy egy oldalnak mekkora a tekintélye: Open Site Explorer

 

Ne ijedj meg: ha új a weboldalad, valószínűleg alacsony lesz a szám, mivel a SEOMOZ nem tudja lefedni az egész világhálót, viszont folyamatosan fejlődik.

 

Ezt a mérőszámot nem érdemes abszolút értéknek tekinteni.  Mivel ez egy összehasonlító eszköz, nem feltétlenül van “jó” vagy “rossz” Page Authority pontérték.

 

Arra jó, hogy összehasonlíts két weboldalt, hogy melyikről érdemesebb linket szerezni!

linképítés page authority keresőoptimalizálás

A Google Page Authority értéke

 

 

Domain Authority (DA)  – az egész honlap átfogó értékelése

 

Amíg a Page Authority érték csak egyetlen oldalra terjed ki, addig a Domain Authority a teljes honlapot értékeli. Mennyire hiteles az adott site?

 

Itt is 0 és 100 között van az értékelés. 20-as DA-ról 30-ra ezerszer könnyebb eljutni, mint mondjuk 70-ről 80-ra.

 

A nagyszámú, kiváló minőségű külső linkekkel (például a Wikipédia vagy a Google.com) rendelkező webhelyek a Domain Authority skála felső végén vannak, míg a kisvállalkozások és a kevesebb bejövő linket tartalmazó webhelyek esetében sokkal alacsonyabb a DA pontszám.

domain authority - linképítés 2017

A Wikipédia 100/100 DA értékkel igen tekintélyes weboldal

 

A vadonatúj webhelyek mindig “egyes” Domain Authority pontszámot kapnak.

A Domain Authority (tekintély) értéket célszerű összehasonlító mutatóként (nem abszolút, konkrét pontszámként) használni a keresési eredményekben végzett kutatások során.

A DA szám mutatja meg , hogy mely honlapnak lehet erősebb / linkprofilja. Mivel ez egy összehasonlító eszköz, nem feltétlenül van  “jó” vagy “rossz” Domain Authority pontszám.

 

Általánosságban elmondható, hogy a NYTimes.com webhelyről érkező linknek sokkal nagyobb hatása lesz, mint egy névtelen bloggertől kapott linknek.

 

Ha maguktól nem adják, akkor nagyon nehéz ilyen szintről linket szerezni, de megéri az erőfeszítést!

Tegyél valamit, hogy beszéljenek rólad!

Ha nem akarsz linkekért kuncsorogni, magától is megosztják a tartalmadat, ha valami szokatlannal, váratlannal, különlegességgel stb. állsz elő, amiről érdemes beszélni, megosztani.

Nem azt mondom, hogy viselkedj úgy mint a celebek, akik csak azért csapnak botrányt, hogy megint a média középpontjába kerüljenek!

Ha írsz egy könyvet, létrehozol egy olyan anyagot, amivel megsegíted az embereket, kiállsz egy igaz ügyért, akkor van esélyed, hogy felfigyeljenek rád!

 

 

Még nincs kész a cikk, mert most írom! Ha nem akarsz lemaradni a folytatásról, iratkozz fel a hírlevelemre!

 

Milyen külső linkek mutatnak a weboldalamra?

 

Itt is  megnézheted:
https://majestic.com/reports/site-explorer…

 

A lista nem teljes – főleg az ingyenes változatban!

Arra viszont jó, hogy egy kicsit ráláss a konkurenciádra! 😉

 

 

Kérem a 70 SEO tipp - 30 oldalas eBookot INGYEN!

 

Tiéd az eBook - sikeresen feliratkoztál. Nézd meg a postaládát! A spam mappát is, ha nem találod!

Pin It on Pinterest