Az eszközről
A HTML <head> metacímkéi szabályozzák, hogy a keresőmotorok és a közösségi platformok hogyan jelenítsék meg az oldal előnézetét. A legfontosabb címkék közé tartoznak a <title>, <meta name="description">, az Open Graph címkék (og:title, og:description, og:image) és a Twitter Card címkék (twitter:title, twitter:description, twitter:image). Ha ezek a címkék hiányoznak, rossz formájúak vagy rosszak, a keresési kivonatok és a közösségi előnézetek hibásnak tűnnek, vagy nem kívánt tartalmat tartalmaznak.
Ez az ellenőrző lekér egy URL-t, és megvizsgálja az összes releváns metacímkét. A hiányzó címkéket megjelöljük. Azok a címkék, amelyek tartalma meghaladja a platformspecifikus hosszkorlátokat (Google-részletek csonkítása, Twitter-karakterzárók), kiemelten jelennek meg. A képhivatkozások ellenőrzése megtörtént – ha az og:image 404-re mutat, a közösségi előnézet megszakad.
Mindez azért számít, mert a legtöbb kattintás a webhelyére a keresési eredményekből és a közösségi megosztásokból érkezik. A metacímkék a marketingszöveg, amely eldönti, hogy történjen-e kattintás. Ezek helyes megoldása az egyik legnagyobb tőkeáttételű SEO és közösségi feladat.
Miért ellenőrizze a metacímkéket?
A meta tag hibák hallgatnak. Az og:image nélküli oldal továbbra is megfelelően töltődik be; az oldalon semmi sem árulja el, hogy a közösségi megosztások töröttnek tűnnek. A hiba csak akkor látszik, ha valaki megosztja az oldalt, ekkor már elveszik az elmaradt első benyomás. Az oldalak rendszeres ellenőrzése korán felismeri ezeket a problémákat.
A webhelyen végrehajtott jelentős változtatások – újratervezés, CMS-áttelepítés, sablonfrissítés – után a metacímkék gyakran visszafejlődnek. A fontos oldalakon található minőségbiztosítási igazolvány megerősíti, hogy semmi sem veszett el a változás során.
Műszaki részletek
Kötelező metacímkék a SEO-hoz: <title> (50-60 karakter; a Google ezen túlmenően csonkol a keresési kivonatokban), <meta name="description"> (150-160 karakter; a hosszabb szövegeket csonkolja). Bármelyik hiánya jelentősen rontja a keresési megjelenést.
Open Graph címkék (a Facebook, a LinkedIn, a Slack és sok más által használt): og:title, og:description, og:image, og:url, og:type. Az og:image legalább 1200×630 pixeles legyen a nagy DPI-s megjelenítéshez. Az og:image:alt a kisegítő lehetőségek címke.
A Twitter-kártya címkéi: twitter:kártya (általában összefoglaló_nagy_kép), twitter:cím, twitter:leírás, twitter:kép. A Twitter visszavált az OG-címkékre, ha hiányoznak a Twitter-specifikusak, így gyakran elegendő a jól konfigurált OG.
Gyakran ismételt kérdések
- Mely metacímkék a legfontosabbak a SEO szempontjából?
- Címcímke (legfontosabb – 50–60 karakter), metaleírás (150–160 karakter), kanonikus URL, robots meta, Open Graph (og:title, og:description, og:image) és nézetablak mobilhoz. Ezek közvetlenül befolyásolják a keresési helyezéseket és az átkattintási arányt.
- Milyen hosszú legyen a címcímkém?
- 50-60 karakter (vagy ~580 pixel) a teljes megjelenítéshez a Google keresési eredményei között. A hosszabb címek „...” karakterrel csonkolódnak. A kezdetek óta fontos kulcsszavak előre betöltése a legjobban látható, és nagyobb SEO súllyal bír.
- Szükségem van Open Graph címkékre?
- Igen, ha oldalait megosztja a közösségi médiában. Az og:image és az og:title nélkül a Facebook/LinkedIn automatikusan generál olyan előnézeteket, amelyek rossznak tűnhetnek. A megfelelő OG-címkék biztosítják, hogy tartalmai nagyszerűen nézzenek ki megosztáskor.
- Mire való a kanonikus címke?
- A kanonikus címke (rel="canonical") megmondja a keresőmotoroknak, hogy melyik URL az oldal „hivatalos” verziója. Megakadályozza a duplikált tartalommal kapcsolatos problémákat, ha ugyanaz az oldal több URL-ről is elérhető (www-vel/anélkül, HTTP/HTTPS-sel, lekérdezési paraméterekkel).
- Miért jelenik meg rossz kép a Facebook megosztásomban?
- A Facebook leggyakrabban gyorsítótárazott verziót használ. Használja a Facebook megosztási hibakeresőjét a gyorsítótár törléséhez és az oldal újbóli lekéréséhez.
- A metacímkék megkülönböztetik a kis- és nagybetűket?
- A tulajdonnevek megegyezés szerint kisbetűk. A legtöbb elemző toleráns, de a biztonság kedvéért ragaszkodjon a kisbetűkhöz.
- Az URL-címemet a böngészőből vagy egy szerverről kérik le?
- Az eszköztől függ. A böngésző lekérése CORS-problémákat okozhat; egyes eszközök szerverproxyt használnak a lekéréshez és a visszajelentéshez.
- Mi a helyzet a JSON-LD strukturált adatokkal?
- A JSON-LD strukturált adat a bővített eredményekhez, különálló a metacímkéktől. A legtöbb metacímke-ellenőrző a HTML head meta-ra összpontosít; A strukturált adatok érvényesítői az eszközök külön osztályát képezik.