Vill du att folk ska klicka på din blogginlägg när andra delar dem på Facebook, LinkedIn och Google+?

Är din blogg optimerad för den bästa visuella skärmen när människor delar ditt innehåll?

Ledsagas dina inlägg av en fin bild med en korrekt beskrivning så att de sticker ut i sociala medieströmmar?

Varför betyder detta?

När en länk till ditt inlägg åtföljs av en bild och beskrivning är det mer troligt att folk klickar på den länken för att läsa innehållet bakom det och dela det.

Det finns ett element som låter dig styra hur ditt inlägg visas i en statusuppdatering.

Det kallas en "social utdrag“. Du kan hantera dessa sociala utdrag och förbättra social delbarhet när du lägger till några taggar i html kod på din webbplats eller blogg.

I den här artikeln kommer jag att undersöka sociala utdrag och visa dig hur du gör det kontrollera bilderna som följer med dina inlägg när de visas i statusuppdateringar på Facebook, LinkedIn och Google+.

Anatomi av ett socialt utdrag

Sociala utdrag varierar något beroende på var de delas. Det är användbart att undersöka hur de ser ut på varje social plattform.

Facebook Social Snippet

Facebooks sociala utdrag är en kombination av sidans titel, beskrivning och bild.

LinkedIn Socialt utdrag

Liksom Facebook innehåller LinkedIn-statusuppdateringar en titel, beskrivning och bild. Så här fungerar LinkedIn-sociala utdrag.

Google+ Socialt utdrag

Google+ sociala utdrag har också en titel, beskrivning och bild.

Google+ föredrar att visa fyrkantiga bilder. Om det finns flera möjliga bilder att välja på på din sida är det troligare att Google+ visar den bild som ligger närmast kvadrat i dimensioner.

Så här lägger du till taggarna för att hantera sociala utdrag

Om länkar till ditt innehåll inte visar en bild, titel eller beskrivning när du publicerar dem i dina statusuppdateringar på Facebook, LinkedIn eller Google+ kan du fixa det genom att lägga till taggar i HTML-koden i ditt dokument.

Använd en av märkningsmetoderna nedan för att lägg till lämpliga taggar så länkar till ditt innehåll visar rätt bild i alla statusuppdateringar.

Notera: Det här är något tekniska korrigeringar, så om du inte är bekväm med att redigera HTML på din webbplats, tveka inte att skicka den här artikeln till din webbutvecklare.

# 1: Använd titel- och metabeskrivningstaggar

Du måste arbeta med några av de titel- och metabeskrivningstaggar på ditt blogginlägg. Sociala utdrag i alla sociala nätverk använd dessa två sidelement:

Dessa kontrollerar också utdrag i sökmotorförteckningar, så de är viktiga för Bästa praxis för SEO. Se till att använd dem med sökning i åtanke såväl som socialt.

# 2: Använd Schema.org Microformatting

Schema.org är ett samarbete mellan de stora sökmotorerna. De har skapat en standard uppsättning taggar för alla typer av saker. Till kontrollera dina sociala utdragbehöver du bara dessa taggar:

Intressant rubrik

Tankeväckande beskrivning

# 3: Använd taggarna "Open Graph Protocol"

Facebook, Google+ och LinkedIn använder alla Open Graph-standarder för att tagga innehåll. Lägg till dessa taggar för att ställa in bilden i statusuppdateringar:

Öppna diagramtaggar kan också användas för att ställa in titel och beskrivning.

# 4: Använd Image_SRC metataggar

För Facebook kan du använda image_src metatagg mellan

och taggar för att hantera bilderna i sociala utdrag.

Om du lägger till mer än en av dessa länkar för mer än en bild, kan personen som delar ha valet av bilder att använda i kodavsnittet.

Hur hanterar jag alla dessa taggar? Vart går dom?

Några av dessa taggar finns i

av HTML, och andra går i . Här är en snabbguide som visar hur du sätter taggarna på rätt platser så dina inlägg ser bra ut när de delas i sociala nätverk. Kontakta din webbutvecklare om du behöver hjälp.

Använder du WordPress? Prova dessa plugins

Varje innehållshanteringssystem (t.ex. WordPress) ger dig kontroll över titel- och metabeskrivningstaggarna. För WordPress-användare, här är plugins som lägger till de andra taggarna åt dig:

• Allt-i-ett-plugin-program för Schema.org Rich Snippets: Detta plugin ger dig kontroll över taggar för sociala utdrag och kan också få dina sökuppgifter att se bättre ut när du rankar på Google.
• WP Open Graph Plugin: På samma sätt som Schema.org-plugin-programmet kommer det här lilla verktyget att lägga till alla Open Graph-metataggar.
• Anpassat Image_Src-plugin: Om ditt delade innehåll fortfarande inte ser bra ut på Facebook, prova det här. Genom att skapa taggen image_src tvingar detta plugin Facebook att använda den bild du väljer.

Du behöver inte röra koden, bara installera plugin och hantera taggarna från WordPress.

Funkar fortfarande inte?

Efter att du har kontrollerat att alla koder för dessa taggar är inställda på din webbplats, om du fortfarande inte ser bilder i dina sociala utdrag, kan den gamla versionen av din sida utan dina nya taggar lagras i din webbläsare. Du kan behöva rensa webbläsarens cache.

Du kan också rensa din Facebook-cache använda Facebook URL-felsökning.

Försök nu att dela igen och du bör se dina taggar i aktion.

Varför så många alternativ?

Det finns många sätt att tagga innehåll, och sociala nätverk gör sitt bästa med de taggar de får. Eftersom de tar hänsyn till många sidelement måste en webbdesigner ta hänsyn till många typer av taggar. Det finns ingen officiell uppsättning taggar.

Det påminner mig om den gamla programmerarens skämt ...

F: Vad är det bästa med teknologistandarder?
A: Det finns så många att välja mellan!

Din tur

Att använda rätt taggar kan påverka dramatiskt hur ditt innehåll visas i sociala medieströmmar när det delas—Som i sin tur kan påverkar antalet klick och delningar som ditt innehåll får.

Kom ihåg att varje bra inlägg behöver en övertygande bild och bra innehåll är viktigt. Följ dessa alternativ för att se till att ditt innehåll är klart för visningstid.

Vad tror du? Har du använt någon av dessa taggningsmetoder för att hantera hur ditt innehåll visas i sociala medieströmmar? Vilka förändringar i engagemang har du märkt? Dela dina tankar och observationer i kommentarerna nedan.