Om detta verktyg
Metataggar i HTML <head> styr hur sökmotorer och sociala plattformar visar en sidas förhandsvisning. De viktigaste taggarna inkluderar taggarna <title>, <meta name="description">, Open Graph (og:title, og:description, og:image) och Twitter Card-taggar (twitter:title, twitter:description, twitter:image). När dessa taggar saknas, är felaktiga eller är felaktiga ser sökutdrag och sociala förhandsgranskningar trasiga ut eller använder oavsiktligt innehåll.
Denna checker hämtar en URL och inspekterar alla relevanta metataggar. Saknade taggar är flaggade. Taggar med innehåll som överskrider plattformsspecifika längdgränser (avkortning av Google-kodavsnitt, Twitter-teckenkapslar) är markerade. Bildreferenser verifieras — om og:image pekar på en 404 kommer den sociala förhandsvisningen att brytas.
Allt detta är viktigt eftersom de flesta klick till din webbplats kommer från sökresultat och sociala delningar. Metataggarna är marknadsföringsexemplaret som avgör om ett klick inträffar. Att få dem rätt är en av SEO-uppgifterna och sociala uppgifter som har högst hävstång.
Varför kolla metataggar
Metataggfel är tysta. En sida med no og:image läses fortfarande in korrekt; ingenting på sidan säger att sociala delningar ser trasiga ut. Misstaget är bara synligt när någon delar sidan, då det missade första intrycket redan är förlorat. Rutinmässig kontroll av sidor fångar dessa problem tidigt.
Efter stora förändringar av en webbplats – en omdesign, en CMS-migrering, en malluppdatering – går metataggar ofta tillbaka. Ett QA-pass på viktiga sidor bekräftar att inget kritiskt gick förlorat i ändringen.
Tekniska detaljer
Obligatoriska metataggar för SEO: <title> (50-60 tecken; Google trunkeras utöver detta i sökutdrag), <meta name="description"> (150-160 tecken; längre text trunkeras). Att sakna antingen försämrar sökutseendet avsevärt.
Öppna Graph-taggar (används av Facebook, LinkedIn, Slack och många andra): og:title, og:description, og:image, og:url, og:type. og:image bör vara minst 1200×630 pixlar för hög-DPI-rendering. og:image:alt är tillgänglighetsetiketten.
Twitter-korttaggar: twitter:kort (vanligtvis summary_large_image), twitter:title, twitter:description, twitter:image. Twitter faller tillbaka till OG-taggar om Twitter-specifika saknas, så det räcker ofta med välkonfigurerade OG.
Vanliga frågor
- Vilka metataggar är viktigast för SEO?
- Titeltagg (viktigast – 50–60 tecken), metabeskrivning (150–160 tecken), kanonisk URL, robotmeta, Open Graph (og:title, og:description, og:image) och viewport för mobil. Dessa påverkar direkt sökrankningar och klickfrekvenser.
- Hur lång ska min titeltagg vara?
- 50-60 tecken (eller ~580 pixlar) för full visning i Googles sökresultat. Längre titlar trunkeras med '...'. Frontladda viktiga sökord sedan början är mest synliga och väger mer SEO.
- Behöver jag Open Graph-taggar?
- Ja, om dina sidor delas på sociala medier. Utan og:image och og:title kommer Facebook/LinkedIn att automatiskt generera förhandsvisningar som kan se dåliga ut. Korrekt OG-taggar ser till att ditt innehåll ser bra ut när det delas.
- Vad är den kanoniska taggen till för?
- Den kanoniska taggen (rel="canonical") talar om för sökmotorer vilken URL som är den "officiella" versionen av en sida. Det förhindrar problem med duplicerat innehåll när samma sida är tillgänglig på flera webbadresser (med/utan www, HTTP/HTTPS, med frågeparametrar).
- Varför visar min Facebook-del fel bild?
- Oftast använder Facebook en cachad version. Använd Facebooks delningsfelsökning för att rensa cacheminnet och hämta din sida igen.
- Är metataggar skiftlägeskänsliga?
- Egendomsnamn är gemener enligt konvention. De flesta parsare är toleranta, men håll fast med gemener för säkerhets skull.
- Hämtas min URL från webbläsaren eller en server?
- Beror på verktyget. Webbläsarhämtning kan träffa CORS-problem; vissa verktyg använder en serverproxy för att hämta och rapportera tillbaka.
- Hur är det med JSON-LD strukturerad data?
- JSON-LD är strukturerad data för utökade resultat, separat från metataggar. De flesta metataggkontroller fokuserar på HTML-huvudmeta; strukturerade datavaliderare är en separat klass av verktyg.