sok online vállalkozás tulajdonosa és online marketingszakember ismeri a SEO fontosságát a webhely forgalmának vezetésében. Amit azonban sokan nem tudnak, az a kapcsolat a SEO és a webhely forráskódja között.
nem számít, hogy hány SEO eszköz és plugin van, egy bizonyos ponton meg kell vizsgálnia a webhely forráskódját, akár egy átfogó SEO audit elvégzéséhez, akár az egyes elemek ellenőrzéséhez, amelyek hatással vannak a webhely SEO-jára.
kíváncsi arra, hogy pontosan mi a webhely forráskódja és mit csinál?
általában egy weboldal megnyitásakor a tökéletes tipográfia, a gyönyörű képek, a funkcionalitást növelő különféle elemek, a tökéletesen elhelyezett cselekvésre ösztönzők stb.
Ezen látható elemek alatt található a webhely forráskódja, amely meghatározza, hogy minden hogyan jelenik meg a webhelyén.
alapvetően a forráskód irányítja az egész webhelyet, és felelős a webhely megjelenéséért, érzéséért, funkcionalitásáért és felhasználói élményéért.
A webhely bekapcsolásán kívül a forráskód az, amit a keresőmotorok, például a Google olvasnak annak meghatározására, hogy a weboldalakat indexelni kell-e, és hogyan kell megjelenni a keresési eredmények között.
Ez azt jelenti, hogy a forráskód nagyon fontos szerepet játszik a webhely SEO-jában.
ha hibái vannak a forráskódban, ez pontatlan SEO adatokat eredményezhet, ami rossz Keresési rangsoroláshoz vezethet.
ezért fontos, hogy rendszeresen ellenőrizze a webhely forráskódját, és győződjön meg arról, hogy minden rendben van.
a kérdés az, hogyan tekinted meg a forráskódodat, és pontosan mire kell figyelned a forráskód felülvizsgálatakor?
A webhely forráskódjának olvasása
a webhely forráskódjának megtekintése közben nagyon egyszerű, a különböző böngészők különböző parancsokkal rendelkeznek a forráskód megtekintéséhez.
ezenkívül a parancsok PC-re és Mac-re is eltérőek.
Az alábbiakban találhatók a webhely forráskódjának megtekintésére szolgáló parancsok, az operációs rendszertől és a böngészőtől függően.
PC
Firefox: a Firefox forráskódjának megtekintéséhez tartsa lenyomva a CTRL billentyűt, majd nyomja meg az “U” billentyűt, miközben lenyomva tartja a CTRL billentyűt. Az oldal forráskódját úgy is megtekintheti, hogy rákattint a Firefox menüre, kiválasztja a “Web Developer” opciót, majd az “oldal forrása” gombra kattint.”Alternatív megoldásként kattintson a jobb gombbal a weboldalra, majd kattintson az “Oldalforrás megtekintése” gombra.”
Microsoft Edge: az oldal forráskódjának megtekintéséhez tartsa lenyomva a CTRL billentyűt, nyomja meg az” U “gombot, vagy kattintson a jobb gombbal a weboldalra, majd kattintson a “Forrás megtekintése” gombra.”Ugyanez működik az Internet Explorer esetében is.
Google Chrome: tartsa lenyomva a CTRL billentyűt, majd nyomja meg az “U” gombot.”
Opera: Tartsa lenyomva a CTRL billentyűt, nyomja meg az “U” gombot, vagy kattintson a jobb gombbal a weboldalra, majd kattintson az “Oldalforrás megtekintése” gombra.”
Mac
Safari: az oldal forráskódjának megtekintéséhez tartsa lenyomva az” Option “és a” Command “gombokat, majd nyomja meg az” U ” gombot. Alternatív megoldásként kattintson a jobb gombbal a weboldalra, majd kattintson az “Oldalforrás megjelenítése” gombra.”
Firefox: az oldal forráskódját a “Command” gomb lenyomásával és az U megnyomásával tekintheti meg. Alternatív megoldásként lépjen a Firefox menübe, válassza a “fejlesztő” lehetőséget, majd kattintson az “Oldalforrás megtekintése” gombra, vagy kattintson a jobb gombbal a weboldalra, majd kattintson az “oldal forrása” gombra.”
Chrome: tartsa lenyomva az” Option “és a” Command “gombokat, majd nyomja meg az” U “gombot.”A forráskódot úgy is megtekintheti, hogy jobb egérgombbal kattint az oldalra, majd kiválasztja a” Forrás megtekintése.”
miért fontos elolvasni a webhely forráskódját
mint korábban említettem, a webhely forráskódja hatalmas hatással van a webhely SEO-jára.
A forráskód megtekintése egyszerű módja annak ellenőrzésére, hogy a webhely SEO-jának különböző aspektusai helyesen vannak-e beállítva.
ezenkívül a versenytárs forráskódjának ellenőrzése lehetővé teszi, hogy megnézze, mit csinálnak a webhelyükön.
visszafejtheti a forráskódjukat, hogy hasonló eredményeket érjen el a webhelyén.
Az alábbiakban néhány ok, amiért érdemes elolvasni a forráskódot.
hasznos a címcímkék ellenőrzéséhez
a címcímke az on-page SEO egyik legfontosabb eleme, ezért a legfontosabb dolog, amelyet ellenőriznie kell a forráskód áttekintésekor.
amikor valamit keres a Google-on, az összes eredmény a különböző weboldalak címcímkéiből származik, amelyekre az eredmények mutatnak.
Ez azt jelenti, hogy a webhelyén található címcímkék nélkül a webhely nem található egyetlen keresőmotorban sem.
a címcímke fontosságának megértéséhez illusztrációt fogok használni. Amikor a “Cleverism” nevet keresi, ez jön létre.
a pirossal kiemelt rész közvetlenül a címcímkénkből származik. Ha megy előre, és nyissa meg a honlapunkat, és megtekinti a forráskódot, ez az, amit látni fog.
a kiemelt rész, amely a nyitó <title> tag és a záró </title között jelenik meg> címke az, amit címcímkének nevezünk.
mint látható, pontosan hasonló ahhoz, ami a keresési eredmények között jelenik meg, amikor az “okosság” kifejezésre keres.”
amikor elolvassa a webhely forráskódját, az első dolog, amit meg kell győződnie arról, hogy minden weboldalának van-e címcímkéje. Nem meglepő, hogy olyan weboldalakat találunk, amelyek nem rendelkeznek címcímkékkel.
ne feledje, hogy ha webhelye nem rendelkezik címcímkékkel, akkor soha nem jelenik meg a keresési eredmények között. Győződjön meg arról is, hogy a címcímke a weboldal <head> szakaszában található.
eltekintve attól, hogy szükséges, hogy webhelye megjelenjen a keresőmotor találati oldalain, a címcímke befolyásolja azt is, hogy miként jelenik meg a keresési eredmények között. A Google és más keresőmotorok megnézik a címcímkén szereplő kulcsszavakat, hogy meghatározzák, miről szól a webhelye vagy a weboldala.
például a fenti példánkban, ha valaki a “get your dream job” kifejezésre keres, akkor előfordulhat, hogy találkozik a weboldalunkon, mert ugyanaz a kifejezés van a címcímkénkben.
ezért, ha azt szeretné, hogy az oldal egy adott témához igazodjon, győződjön meg arról, hogy az oldal címcímkéje tartalmazza az adott témához kapcsolódó szavakat. Nézze meg ezt a bejegyzést, ha többet szeretne megtudni a címcímke optimalizálásáról.
további fontos dolog, amit szem előtt kell tartani, amikor a címcímkékről van szó, hogy csak egyetlen címcímkével kell rendelkeznie minden weboldalhoz, és hogy a webhely minden címcímkéjének egyedinek kell lennie.
ezenkívül gondoskodnia kell arról, hogy a webhely minden oldalához legyen címcímke.
segít a Countercheck a Meta Leírások
egy másik dolog, amit érdemes megnézni, amikor felülvizsgálja a honlapon forráskód a meta leírások.
csakúgy, mint a címcímkék, a metaleírások is megtalálhatók a webhely HTML-jének <head> szakaszában. A fém leírás alapvetően egy rövid (160 karakteres) leírás arról, hogy miről szól egy weboldal.
amikor a weboldal megjelenik a keresőmotor találati oldalain, a meta leírás közvetlenül a címcímke alatt jelenik meg.
ismét keressük meg az “okoskodás” kifejezést, hogy megértsük, milyen szerepet játszik a meta leírás.
amikor a “Cleverism” nevet keresi, ez jön létre.
a metaleírásban a pirossal kiemelt rész szerepel. Amikor visszatér a weboldal forráskódjához, ezt fogja látni.
a kiemelt rész az úgynevezett meta leírás.
mint látható, pontosan hasonló ahhoz, ami a címcímke alatti keresési eredményekben jelenik meg, amikor az “okosság.
mivel az emberek elolvashatják a metaleírást anélkül, hogy meg kellene nyitniuk az Ön webhelyét, a metaleírás ingyenes hirdetési példányként működik, amely segít a potenciális látogatóknak meghatározni, hogy megtalálják-e azt, amit keresnek az Ön webhelyén.
meglepően sok weboldal-tulajdonos és-fejlesztő megfeledkezik a metaleírásról, de nem szabad figyelmen kívül hagyni.
ellenőrizze és győződjön meg arról, hogy a webhely minden oldalának megvan a meta leírása, ugyanakkor győződjön meg arról, hogy nem rendelkezik több meta leírással.
néha előfordulhat, hogy két különböző plugin van, ami azt eredményezheti, hogy a meta leírás megismétlődik.
azt is meg kell győződnie arról, hogy a meta leírás minden oldalon egyedi. Ellenálljon a kísértésnek, hogy minden oldalon ugyanazt a metaleírást másolja.
ezenkívül győződjön meg arról, hogy a metaleírások a HTML <head> szakaszában találhatók.végül, mivel a metaleírás alapvetően ingyenes hirdetés, amely meghatározza, hogy az emberek átkattintanak-e az Ön webhelyére, szánjon egy percet arra, hogy remek másolatot készítsen, amely segít növelni az átkattintásokat és több látogatót vezetni a webhelyére.
hasznos a címcímkék Ellenellenőrzéséhez
a forráskód áttekintésekor a következő dolog, amelyet ellenőriznie kell, hogy helyesen használja-e a címcímkéket, mivel ezek hatással vannak az oldalon található SEO-ra is.
a címcímkék különböző szintjei vannak, a leggyakoribbak a H1, H2 és H3 címkék.
a fejléccímkék ellenőrzésekor az első lépés annak biztosítása, hogy egyetlen oldalon ne legyen egynél több H1 címke.
néha, a CMS-től, a WordPress-témától vagy a telepített bővítményektől függően, több h1-címkét találhat egyetlen weboldalon.
ezzel az a probléma, hogy a legtöbb keresőmotor túloptimalizálásként értelmezi, ami nem jó ötlet a SEO számára.
ezért győződjön meg arról, hogy weboldalonként csak egy H1 címke van, és ezt kell használni, hogy a látogatók világos képet kapjanak arról, hogy mire számíthatnak az oldalon.
azt is ellenőrizze, hogy van-e H2 és H3 címke a weboldalain.
ezeket a tartalmak felbontására használják az olvashatóság javítása érdekében.
másodlagos kulcsszavakat is felvehet a H2 és H3 címkékbe, hogy kiegészítse a fő kulcsszavakat.
ellenőrizze a szkripteket
a szkriptek nagyszerűek az Ön webhelyén. Hasznosak a funkcionalitás hozzáadásához a webhelyéhez. A leggyakrabban használt szkriptek a JavaScript.
hasznosságuk ellenére a szkriptek károsak lehetnek a webhely SEO-jára és a felhasználói élményre. Először is, ha túl sok szkript van, lelassítja a betöltési időt.
ezenkívül sok fejlesztő betölti a szkripteket a tartalom feje közelében.
ennek az az ötlete, hogy lehetővé teszi a szkriptek korai betöltését, amikor a látogató megnyitja az oldalt.
ezzel azonban az a probléma, hogy a szkriptek korai betöltése azt jelenti, hogy webhelyének betöltése lényegesen hosszabb időt vesz igénybe.
tehát, miért ez a probléma? Az internethasználóknak nagyon kevés türelme van.
minden másodpercben, amikor a látogatók várják az oldal betöltését, akár 7% – kal is csökkenhet a konverzió, mivel a látogatók elhagyják webhelyét.
Ez jelentős hatással lehet A webhely bevételeire.
ezért nagyon fontos, hogy ellenőrizze a szkripteket.
az első dolog, amit itt kell tennie, hogy ellenőrizze a szkriptek számát a webhelyén.
hányan vannak? Tényleg szükséged van ezekre a forgatókönyvekre?
néha előfordulhat, hogy egyes szkriptek még mindig aktívak a webhelyén, még akkor is, ha már nincs rájuk szükség.
az ilyen szkriptek nemcsak lelassítják a betöltési időt, hanem további hibákhoz is vezethetnek.
a másik dolog, amit meg kell tennie, hogy mozgassa a szkripteket az oldal aljára. Helyezze őket közvetlenül a bezárás előtt <body> címke a webhely HTML-jében.
Alternatív megoldásként létrehozhat egy JavaScript fájlt, amely tartalmazza az összes szkriptet, majd hivatkozhat erre a fájlra a HTML alján.
e két megközelítés bármelyike azt jelenti, hogy a szkripteknek nem kell betöltődniük a webhely többi része előtt, ezáltal jelentősen megnő a webhely betöltési sebessége.
a szkriptek ellenellenőrzésekor azt is ellenőriznie kell, hogy a telepített követőkódok, például a Facebook követőkód vagy a Google Analytics megfelelően vannak-e telepítve.
Ha ezek a követőkódok nincsenek megfelelően telepítve, akkor előfordulhat, hogy nem gyűjt releváns adatokat.
végül a szkriptek ellenellenőrzésével felfedezheti, hogy webhelyét feltörték-e. A telepített szkriptek áttekintésekor ellenőrizze, hogy az összes aktív szkriptet engedélyezte-e.
Ha olyan szkriptet talál, amelyet nem ismer fel, vagy nem engedélyezett, akkor valószínű, hogy egy hacker befecskendezhette oda.
A forráskód megtekintése az egyetlen módja annak, hogy teljes láthatóságot kapjon a webhelyére telepített összes szkriptről.
ellenőrizze a nofollow linkeket
webhelytulajdonosként vagy internetes marketingszakemberként valószínűleg tudja, mennyire fontos a linképítés a SEO erőfeszítései szempontjából.
előfordulhat azonban, hogy az összes backlink nem szolgál tényleges célt, ha nem követik őket.
ahhoz, hogy megértsük, mi is pontosan a nofollows, és miért fontos ellenőrizni őket, beszélnem kell valami úgynevezett “link juice” – ról.”
a webhelyek indexelése közben a keresőmotorok a webhelyére mutató linkeket más webhelyek jóváhagyásaként értelmezik. Ha valaki úgy döntött, hogy az Ön tartalmához kapcsolódik, akkor ez azt jelenti, hogy a webhelyén található tartalom releváns és értékes.
minél több Külső Webhely kapcsolódik a webhelyéhez, annál hitelesebbnek tekintik a webhelyét a keresőmotorok, ami növeli annak valószínűségét, hogy webhelyét a keresőmotorok magasabbra rangsorolják.
az ilyen linkek hatása a keresési rangsorra az, amit nem tudományos szempontból linklének neveznek.
néha kódolhat egy attribútumot linkekbe, hogy megakadályozza a linklé átadását a hivatkozott webhelyre. Ezek az attribútumok nofollows néven ismertek.
alapvetően a nofollow attribútum azt mondja a webhelyen mászó keresőmotor robotoknak, hogy figyelmen kívül hagyják ezt a linket.
Ha az Ön webhelyére mutató webhely nem követte a linket, akkor a link nem halad át semmilyen linklevet, és nem járul hozzá a keresési rangsoroláshoz.
ezért fontos átnézni a forráskódot, és ellenőrizni a nofollow attribútummal rendelkező külső linkeket, még akkor is, ha nem kellene.
ellenőrizze a Képoptimalizálást
tudta, hogy a webhelyén található képek is hozzájárulnak a webhely SEO-jához?
a képek SEO célokra történő felhasználásának kulcsa annak biztosítása, hogy a képek cím-és alt-címkékkel rendelkezzenek.
a weboldalakon mászó keresőmotor robotok nem képesek megtekinteni a képek tartalmát.
a title and image alt címkékkel módot ad arra, hogy ezek a robotok megértsék, miről szól a kép.
a kép címcímke címet ad a képnek, míg a kép alt címke a kép rövid leírását tartalmazza.
a cím és az alt címkék használata a képekhez különösen fontos, ha a képeket termékek értékesítésére használja egy e-kereskedelmi webhelyen.
amikor képeket használ az e-kereskedelemhez, a termék márkanevét és egy rövid leírást kell tartalmaznia a kép alt címkéjének részeként.
egyéb képek, amelyeknek alt címkékkel kell rendelkezniük, logók, infografikák, magyarázó diagramok, csapatfotók stb.
A dekoratív képekhez azonban nem szükséges alt-címkéket felvenni, például azokat, amelyek az oldal tetején található képkörhintában jelennek meg.
a kép alt címkéinek leírásakor kerülje a túl sok kulcsszó kitöltését, mivel ez a webhely büntetését eredményezheti.
az oldal forrásának áttekintésekor megtekintheti a képeket a <img> címke keresésével, vagy a forráskód megnyitása után az “elemek” panelre navigálva.
az Elemek panelen ellenőrizheti a képek méretét, hogy azok növelik-e a betöltési időt.
azt is ellenőrizheti, hogy reagálnak-e a különböző képernyőkön való megtekintésre.
Countercheck Meta Robots címkék
Ez egy másik gyakori dolog, amit sok marketinges és webhelytulajdonos vagy elfelejti, vagy úgy dönt, hogy figyelmen kívül hagyja.
a meta robots címkék útmutatást adnak a keresőmotor robotjainak arról, hogy bizonyos oldalakat indexelni kell-e vagy sem, hogy a tartalomban lévő linkeket követni kell-e vagy sem, stb.
ezért nagyon fontos, hogy ellenőrizze a meta robot címkéit.
Ha a meta robot címkéiben szereplő tartalom helytelen, akkor rossz utasításokat ad a keresőmotor robotjainak, ami azt jelenti, hogy szabotálja saját SEO erőfeszítéseit azáltal, hogy megakadályozza, hogy ezek a robotok indexeljék a tartalmát.
ha elolvassa a cikk oldalforrását weboldalunkon, észreveszi, hogy van egy meta robot címkéje, amelyet az alábbi kép kiemel.
Ez a metacímke tudatja a bejárókkal, hogy ezt az oldalt indexelni kell, és az oldalon található hivatkozásokat követni kell.
ellenőrizze, hogy a Google Analytics megfelelően van-e telepítve
webmesterként vagy Online marketingszakemberként valószínűleg már használja a Google Analytics szolgáltatást a webhelyén található különféle statisztikák megfigyelésére és nyomon követésére.
azonban előfordulhat, hogy az Analytics nincs telepítve minden oldalra, ebben az esetben előfordulhat, hogy nem figyel néhány fontos statisztikát.
szerencsére ellenőrizheti, hogy az Analytics megfelelően van-e telepítve a webhely forráskódján keresztül.
a Google Analytics telepítésének ellenőrzéséhez egyszerűen nyissa meg a webhely forráskódját, és keresse meg a “UA.”Például, ha megnyitjuk a fenti példában használt cikk forráskódját, akkor észreveszi, hogy a Google Analytics telepítve van az oldalra.
Ha találkozik az UA betűkkel, amelyet egy 7 vagy 8 jegyű kód követ, ez azt mutatja, hogy a Google Analytics telepítve van erre az oldalra (nem az egész webhelyre).
azt is ellenőriznie kell, hogy a követőkód nem jelenik-e meg egynél többször egyetlen oldalon.
ismételje meg ezt az eljárást minden oldalon, hogy megbizonyosodjon arról, hogy az Analytics telepítve van-e a többi oldalra.
Ha olyan oldalra bukkan, amely nem rendelkezik követőkóddal, ez azt jelenti, hogy nem kap semmilyen elemzést arról az oldalról.
Ha olyan hatalmas webhelye van, hogy nem tudja manuálisan ellenőrizni az analytics követőkódját minden egyes oldalon, használhat egy olyan eszközt, mint például xml-sitemaps.com hogy megkönnyítse a munkát az Ön számára.
A
becsomagolása lehet, hogy nem vette figyelembe, de a webhely forráskódjának megtekintése nagyszerű módja lehet egy SEO audit elvégzésének a webhelyén, és megerősítheti, hogy a webhelyén minden rendben van.
a legjobb az egészben az, hogy nem kell, hogy egy webfejlesztő, vagy hogy sok technikai szakértelemmel annak érdekében, hogy vegye át a honlapon forráskód.