Så här använder du det
- Ange sidans titel och en beskrivning på en eller två meningar.
- Lägg till den kanoniska URL:en och välj om sökmotorer får indexera sidan och följa dess länkar.
- Fyll i Open Graph-bilden och eventuella fält som ska skilja sig från titeln och beskrivningen, och välj en Twitter card-typ.
- Kopiera den genererade HTML-koden eller ladda ner den och klistra in den i <head> på din sida.
Så fungerar det
Generatorn skriver bara de taggar du behöver. Varje värde HTML-escapeas (& < > " och ' blir entiteter), så en titel som innehåller citattecken eller vinkelparenteser kan inte förstöra koden.
Vad varje tagg gör: charset talar om för webbläsaren vilken textkodning som används och bör komma först i head-elementet; viewport får sidan att anpassa layouten till enhetens bredd på mobiler; titeln visas i webbläsarflikar och sökresultat; meta description kan användas som sökutdrag men är inte en rankningsfaktor; canonical-länken talar om för sökmotorer vilken URL som är huvudversionen av en sida med dubbletter; robots med noindex håller en sida borta från sökresultat och nofollow ber sökrobotar att inte följa sidans länkar. En robots-tagg fungerar bara om sökrobotar kan hämta sidan, så blockera den inte samtidigt i robots.txt.
Open Graph-taggar (og:…) styr länkförhandsvisningar i många sociala appar och chattappar. Om og:title, og:description eller og:url är tomma återanvänder verktyget titeln, beskrivningen och canonical-URL:en. Plattformar som läser Twitter card-taggar faller tillbaka på Open Graph-värdena för titel, beskrivning och bild, så bara twitter:card skrivs.
Exempel
Blogginlägg
Titel, beskrivning, canonical-URL, en og:image på 1200×630 och summary_large_image ger ungefär tio rader som täcker sökresultat och länkförhandsvisningar.
Tacksida som hålls borta från sökresultat
Avmarkera "Tillåt indexering" för att lägga till <meta name="robots" content="noindex, follow">. Sidan fungerar fortfarande för besökare men bör inte visas i sökresultat.
En titel med citattecken
Titeln Ask "Anything" & <Learn> skrivs som Ask "Anything" & <Learn>, vilket webbläsare visar exakt som det skrevs.
Vanliga frågor
Hjälper meta keywords-taggen SEO?
Nej. Stora sökmotorer har ignorerat meta keywords för rankning i många år, så det här verktyget tar inte med den.
Behöver jag både Open Graph- och Twitter card-taggar?
Vanligtvis behövs bara twitter:card utöver Open Graph, eftersom titeln, beskrivningen och bilden faller tillbaka på og:-värdena.
Var placeras de här taggarna?
Inuti <head>-elementet på varje sida. I ramverk som Next.js, WordPress-teman eller statiska webbplatsgeneratorer använder du deras metadatainställningar för att mata ut samma taggar.
Bör varje sida ha en canonical-tagg?
Det är god praxis, särskilt när samma innehåll går att nå via flera URL:er (spårningsparametrar, sorteringsalternativ, http och https). En sida kan peka på sig själv som canonical.
Integritet
Taggarna genereras i din webbläsare. Inget du skriver laddas upp eller sparas.