Bestäm bild och text för länkar på sociala medier

Om du vill styra hur din sida ser ut då du länkar den via Facebook, Twitter eller LinkedIn så behöver du följande taggar i HTML head.

Facebook och LinkedIn använder sig av ett system som heter Open Graph, och där finns det fyra stycken taggar som krävs. Byt ut den fetstilta informationen i taggarna till er information. Längre ner finns en liten guide med Facebook och Twitters krav på innehållet. OBS: Samtliga taggar måste vara med för att det ska fungera korrekt.

<meta property="og:title" content="Delegia Meeting Management">
<meta property="og:description" content="Välkommen till Delegia Meeting Management">
<meta property="og:image" content="https://web.delegia.se/wp-content/uploads/2018/06/logo-1-f%C3%A4rg.png">
<meta property="og:url" content="https://web.delegia.se">

Twitter däremot kan läsa samma taggar, men de har ett eget system som använder samma stil. Koden twitter:card visar hur bilden ska visas på Twitter, och här har vi valt summary_large_image som visningsformat.

<meta name="twitter:title" content="Delegia Meeting Management">
<meta name="twitter:description" content="Välkommen till Delegia Meeting Management">
<meta name="twitter:image" content="https://web.delegia.se/wp-content/uploads/2018/06/logo-1-f%C3%A4rg.png">
<meta name="twitter:card" content="summary_large_image">

Om vi kombinerar dessa så blir det såhär.

<meta property="og:title" content="Delegia Meeting Management">
<meta property="og:description" content="Välkommen till Delegia Meeting Management">
<meta property="og:image" content="https://web.delegia.se/wp-content/uploads/2018/06/logo-1-f%C3%A4rg.png">
<meta property="og:url" content="https://web.delegia.se">
<meta name="twitter:card" content="summary_large_image">

Tagg Facebook Twitter

Title Titeln eller namnet på sidan En kort titel baserat på innehållet. max 70 tecken.

Description En kort beskrivning eller summering av innehållet. 2 - 4 meningar. En kort beskrivning av innehållet, använd inte samma text som i titeln, utan beskriv vad deltagaren kommer se. Max 200 tecken.

Image Adressen till bilden för din sida. Bör vara åtminstone 600x315 pixlar, men 1200x630 eller större är att önska. Max 5 MB i storlek. Bör ha1.91:1 i bildförhållande för att inte skalas av Facebook. Adressen till bilden för din sida, bör inte vara din logotyp eller så. För "summary_large_image" bör bilden vara minst 280 pixlar bred och 150 pixlar hög. Max 1 MB i storlek.

URL Sidesadressen till din sida. Utan ? och liknande. Lämpligast är att använda projektets förstasida här. Används inte av Twitter

Tagg	Facebook	Twitter
Title	Titeln eller namnet på sidan	En kort titel baserat på innehållet. max 70 tecken.
Description	En kort beskrivning eller summering av innehållet. 2 - 4 meningar.	En kort beskrivning av innehållet, använd inte samma text som i titeln, utan beskriv vad deltagaren kommer se. Max 200 tecken.
Image	Adressen till bilden för din sida. Bör vara åtminstone 600x315 pixlar, men 1200x630 eller större är att önska. Max 5 MB i storlek. Bör ha1.91:1 i bildförhållande för att inte skalas av Facebook.	Adressen till bilden för din sida, bör inte vara din logotyp eller så. För "summary_large_image" bör bilden vara minst 280 pixlar bred och 150 pixlar hög. Max 1 MB i storlek.
URL	Sidesadressen till din sida. Utan ? och liknande. Lämpligast är att använda projektets förstasida här.	Används inte av Twitter

Last updated: 2019-01-29 15:27:46 http://helpcenter.delegia.com/Home/Index/1840