låt oss prata om metataggar — vad de är, varför de spelar roll och hur man gör dem bättre.

första saker först-vad fick dig att klicka på den här artikeln för att läsa den?

kanske fick titeln ditt öga, eller kanske var det den korta blurben du såg.

Du kanske har klickat helt enkelt för att den här artikeln kommer från en källa du litar på.

Om du hittade den här artikeln via en sökmotor finns det dock en god chans att du hittade och klickade på den här artikeln på grund av metataggar.

metataggar är grunden för SEO, och det första du hittar dig själv när du bygger en webbsida.

utan metataggar kan du inte nå läsare organiskt.

det tar inte mycket tid att generera metataggar, men det är viktigare än du kanske tror.

det beror på att 93% av alla onlineupplevelser börjar med en sökmotor.

det är därför så många online marknadsförare är så fokuserade på att få SEO rätt.

organisk söktrafik är SEO: s heliga gral, så det kan inte ignoreras.

ditt innehåll måste vara läsbart och tilltalande för användare på sökmotorer.

det behövs en mycket specifik syntax.

det liknar hur bokhandlar och bibliotek organiserar sina arkiv med böcker — och det är vad metataggar är i huvudsak.

Vad är metataggar?

metataggar är en typ av HTML-tagg som ger sökmotorer information om en webbplatssida.

Låt oss ta en titt på de grundläggande elementen.

titel-och beskrivningstaggarna utgör nästan hela posten.

Om inte för dessa metataggar skulle allt du ser i Google SERPs vara min URL.

titel-och beskrivningstaggar är de två mest använda taggarna för SEO-ändamål, men SEO är inte den enda delen av digital marknadsföring.

avancerad digital marknadsföring kräver användning av ännu fler taggar som förbättrar sidrankning och övergripande användarupplevelse.

precis som det här sökresultatet kommer du snart att få reda på att dessa taggar styr hur hela din digitala närvaro ses och navigeras.

maskiner kan läsa webbadresser bara bra. Om jag skrev för maskiner skulle min webbplats se ut så här:

Google prioriterar vissa taggar eftersom de ger sammanhang för människor.

Jag byggde min hemsida för människor också, så det ser ut så här:

denna polska är vad marknadsföring handlar om.

i det här blogginlägget kommer vi att utforska metataggar och se hur de påverkar dina övergripande digitala marknadsföringsinsatser.

medan det är enkelt är djävulen i detaljerna, och varje detalj räknas.

hur metataggar påverkar varumärkesbild och klickfrekvens

Du kan absolut bedöma en bok efter omslaget. Det är vad omslag är utformade för.

din titel och metabeskrivningstagg skapar omslaget för din webbsida. De är ditt första intryck på de flesta besökare.

det handlar inte bara om sökmotorer, men hur vi ser på Internet.

Reddit är en grundläggande länk-aggregering webbplats som tar bort alla klockor och visselpipor.

Reddit beror på titel och bild för att locka samtal och klick.

att använda metataggar korrekt är som att använda rätt format för ett företags e-postmeddelande.

Visst, du kan lägga vad du vill där ute, men det finns en nivå av professionalism som förväntas vid någon tidpunkt.

även Amazon kommer bara att ge dig en bild, titel och kort beskrivning för att göra din poäng.

Tänk på dessa taggar som din hiss pitch.

Du får ungefär lika mycket utrymme som en Tweet för att sälja hela ditt varumärke och produkt.

vilket innebär att du måste spika den.

Du kan inte bara ringa in denna detalj och polera allt annat. Om du gör det kommer ingen någonsin att se resten av vad du polerade.

Vi vet redan hur metataggar påverkar SEO, men det är inte det enda elementet.

metataggar kommer att göra din e-postmarknadsföring och marknadsföringsautomatiseringsinsatser enklare genom att tillhandahålla information för mailade länkar.

taggar är ett avgörande element som avgör hur mina automatiserade inlägg på sociala medier ser ut.

När andra bloggare, YouTubers och sociala medier påverkare (och mikroinfluencers) delar ditt innehåll, gör taggar det enklare.

Tänk på metataggar som förpackning för din produkt.

om din förpackning inte är spot-on, kommer ingen någonsin att köpa din produkt, oavsett hur bra den är!

Så vad är några bästa metoder att implementera för taggar?

Meta Tag bästa praxis

det finns massor av olika HTML-taggar som kan användas på en webbsida. Vi kommer bara att fokusera på en handfull betydande taggar.

vi börjar med den som kanske har tagit dig hit idag.

Title Tags

det är inte tekniskt en metatagg, men den dyker upp i rubriken och används som en.

från och med juli 2017 är teckengränserna för titeltaggar i Googles sökresultat 78 på mobila enheter och 70 på ett skrivbord.

men det betyder inte nödvändigtvis att du ska använda alla dessa tecken, och 60 är den generellt rekommenderade gränsen.

nyckelord med lång svans gör skillnad.

Här är de bästa metatitlarna i SERP: erna för ” hur man gör innehållsmarknadsföring effektiv.”

genom att lägga till året får vi en helt ny uppsättning resultat för ”hur man gör innehållsmarknadsföring effektiv 2017.”

Vissa användare vill ha grundläggande information, medan andra vill ha den mest aktuella.

genom att justera vår titeltagg kan vi påverka vilka av dessa sökningar vi rankar efter.

i slutändan är målet att slå båda, men det är inte alltid möjligt.

se till att ditt nyckelord finns i din titel, eller så hittar du dina artiklar begravda i sökresultaten.

till exempel, när jag söker efter ”bästa tacos i Tucson,” vissa restauranger finns på sidan 10 nedan, även Del Taco.

det är en bortkastad möjlighet för den taco huvudstaden i landet!

dessa små företag kan avsevärt förbättra sina sökresultat, försäljning och ROI genom att helt enkelt lägga till” bästa tacos i Tucson ” till deras titel taggar.

Här är ett exempel på HTML som krävs för en titeltagg som finns i din rubrik.

<head>

<title>det bästa Titel exemplet Jag kunde komma med</title>

</Head>

i WordPress är det lika enkelt som att ge din sida en titel.

Du kan verkligen inte missa det.

det är allt som finns till det!

bildtaggar

liksom titeltaggar är bildtaggar inte märkta ”meta.”

men de används tydligt av sökmotorer, länkaggregat och andra webbplatser för att identifiera din webbplats.

det finns två bildbeskrivningar som faktiskt är proppade i en tagg.

Så här ser HTML-koden ut.

<img src= ” bild.jpg ”alt=” image description ” title=”image tooltip”>

både alt-och title-taggarna ska definieras för bästa upplevelse.

titeln visas på skärmen när du håller muspekaren över den.

alt-texten visas när bilden inte kan återges (eller talas till blinda och synskadade).

När du laddar upp en bild till WordPress uppmanas du att ange titel, bildtext, alt-text och beskrivning.

ju fler fält du fyller i (även om du använder samma information), desto mer sökbara blir dina bilder.

var som helst från 20-60% av all Google-trafik går till webbplatser med väl optimerad grafik.

varför skulle du inte vilja vara med?

det handlar också om ADA-webbplatsöverensstämmelse.

det finns cirka 58 200 personer med viss synskada per miljon i USA ensam.

det är ett stort segment av befolkningen som inte skulle ha en bra användarupplevelse utan alt bildtaggar.

optimera dina bilder för sökmotorer och användare.

beskrivning metataggar

en metabeskrivningstagg ger dig en chans att ge en översikt över sidans innehåll.

de är begränsade till cirka 160 tecken och är inte direkt knutna till Googles sökalgoritmer alls!

återigen är anledningen till att du behöver beskrivningstaggar för att förbättra användarupplevelsen.

Beskrivningstaggar uppmuntrar klickningar.

Så här ser HTML ut:

<head>
<meta name=” description”content=” detta är ett exempel på texten som visas i sökresultaten. Läs vidare för att lära dig mer om beskrivningstaggar.”>
</head>

utan en metabeskrivning kommer Google som standard att göra vilken förhandsgranskningsmening det känns bäst omfattar innehållet.

detta är inte nödvändigtvis en dålig sak.

det här inlägget har ingen metabeskrivning (jag använder dem sällan), och det rankas bra.

naturligtvis är mina bloggar fyllda med relevant innehåll i korta, söta meningar. De flesta av dem skulle fungera som beskrivningar på egen hand.

ändå är det ingen skada att lägga till ytterligare information för att göra ditt innehåll mer sökbart.

robotar Noindex och Nofollow metataggar

Robotmetataggar är inte alltid nödvändiga.

som standard indexeras alla sidor och länkar som du skapar på din webbplats som ’Följ’ av sökrobotar och sökrobotar.

När du vill omdirigera dem behöver du en robotmetatagg.

här är noindex HTML-koden:

<html><Huvud>
<meta name=”robots” content=”noindex” />
(…)
</head>

detta skulle vara inom rubriken och ange att den här sidan inte behöver indexeras.

det är användbart för syndikerat och duplicerat innehåll som dina kunder/läsare kan använda, men du vill inte ha kredit i sökindex.

här är HTML för en robot nofollow.

<meta name=” robots”content=”nofollow”>

detta används för länkar som du inte nödvändigtvis vill stödja.

till exempel är Läsare som lämnar länkar i mina kommentarer inte exakt godkända av mig, så en nofollow-tagg ovanför kommentarsektionen håller min webbplats ren för bots.

här är en bra infografik om när och hur man använder nofollow-taggar.

nu kommer vi till en av de mest kontroversiella metataggarna.

Keyword Meta Tags

Keyword tags används inte av sökalgoritmer för att bestämma sökrankning.

Så här ser HTML ut:

<meta name=”keywords” content=”HTML, CSS, XML, JavaScript”>

jag coachar mina SEO-klienter att ignorera nyckelordstaggar eftersom de inte påverkar SEO.

det gör dem inte nödvändigtvis värdelösa. De är särskilt användbara i WordPress.

sökordstaggar och kategorier kan hjälpa Google att avgöra vilken sida på din webbplats som ska rankas för en sökning.

de skapar också en sida i WordPress som ger en mer indexerad sida.

detta innebär att, medan dina blogginlägg är inriktade på lång svans sökord, din tagg och kategori sidor har flöden som täcker kortare sökord.

kategorier kan användas för URL-formatet, vilket ger ytterligare ett nyckelord till sidadressen.

detta uppnås under Inställningar-Permalänkar i WordPress.

lägga till detta format ger sammanhang till ditt innehåll.

Google älskar sammanhang för sökresultat!

nyckelord ger också en storbildsöversikt över hur många sidor du har för varje sökord.

Du kan använda dem för att planera din redaktionella kalender.

Viewport tags

Du spenderar inte mycket tid på att tänka på viewports, men de är särskilt viktiga i dagens mobil-första värld av sökning.

på mobila enheter visas sidor i ett popup-fönster som kallas en visningsport som sträcker sig förbi enhetens kantlinje.

här är en illustration av vad jag pratar om.

utvecklare kan ställa in visningsstorleken för att öka mobil användbarhet.

WordPress-användare kan kontrollera den här taggen för att lära sig denna information för sina mallar.

men det visste du förmodligen inte om du inte redan är webbutvecklare.eftersom Google i allt högre grad fokuserar på mobilvänliga webbplatser kan denna metatagg betyda skillnaden mellan framgång och mobilfel.

Nu när du har en grundläggande förståelse för metataggar och varför de är viktiga, ska jag visa dig några av mina favoritverktyg för att manipulera dem.

gratis verktyg för att lägga till och kontrollera dina metataggar

oroa dig inte om allt detta låter överväldigande — det finns massor av verktyg för att göra det enkelt att få metataggar rätt. Här är två av mina favoriter.

Yoast SEO Plugin för WordPress

Yoast är en kraftfull SEO plugin för WordPress och en av de mest nedladdade SEO och metataggar verktyg.

med Yoast har alla sidor och inlägg du publicerar back-end-alternativ för att öka social delning, optimera SEO, uppdateringstaggar och andra metadata.

med Yoast installerat på din WordPress-webbplats är några klick och några sekunder av din tid allt som krävs för att lägga till meta-taggning i din process.

Yoast låter dig också ange ett fokusord som inte läggs till i metataggarna, så att back-end-programmet kan analysera ditt inlägg.

BuzzStream Meta Tag Extractor

Om du behöver ett snabbt diagram över metadata som används av dina konkurrenter är Buzzstreams Meta Tag Extractor en snygg och enkel lösning.

kopiera och klistra in en lista med webbadresser, och du kommer att presenteras med metataggen informationen.

det finns även ett alternativ att ladda ner som en CSV-fil så att du snabbt kan skrapa stora listor.

det är ett snabbt och enkelt sätt att organisera dessa data när du behöver det.

detta gratis onlineverktyg gör sitt jobb utan alla klockor och visselpipor.

mindre populär (men fortfarande användbar!) Metataggar

så för att vara helt transparent, här är ett diagram över HTML-metataggar.

en författare metatagg kan användas för att berätta sökmotorer som skrev ett innehåll.

författare har använts tidigare för sökresultat, men det är inte en faktor längre. Du kan dock använda författartaggar om du kör en blogg med flera författare.

WordPress lägger till denna information i bloggar när flera användare bidrar med innehåll.

det är mer ett hedersmärke för bloggare än något annat.

de flesta av resten definierar parametrar som redan bör kontrolleras på servernivå.

medan jag ignorerade dessa metataggar betyder det inte att du måste. Lägg gärna till vilken information du vill.

det hjälper inte att söka rankningar, men det skadar dem inte heller.

slutsats

metataggar är en grundläggande del av HTML — och kan påverka SEO.

tillbaka i början av internet var de en signalfaktor för sökmotorer att förstå vilket innehåll som finns på en sida.

internet (och vårt förhållande till det) har utvecklats exponentiellt sedan dess.

kontextuell sökning, AI digitala assistenter och mobila enheter förändrar hur vi ser på innehåll.

sökmotorer är incitament för att ge bästa möjliga sökresultat, så metataggar är mindre viktiga.

vissa, som titlar och metabeskrivningar, är dock viktigare än någonsin tidigare.

medan mindre metadata används är det fortfarande det första intrycket du gör på både robotar och människor.

vad säger din webbplats metataggar om dig?