Når du først starter et nyt websted eller en ny blog, vil du sandsynligvis med det dele med dine venner og familie med det samme. Men hvis du ikke konfigurerede det ordentligt, er alt, hvad de ser, et kedeligt link.
Selvom eksemplet indlæser et billede, er det muligvis ikke det, du vil se. Men det kan du ordne.
Metatags er HTML-tags, der ikke viser noget indhold på din webside. De bor inde i tags i din HTML. Hvornår søgemaskiner og andre tjenester, som Facebook, skal du læse din side, de får målrettet information ud af metatags.
For mange mennesker er Google internettet. Det er uden tvivl den vigtigste opfindelse siden selve Internettet. Og mens søgemaskiner har ændret sig meget siden, er de underliggende principper stadig de samme.
Metatags er, hvad du har brug for for at få sociale medier og tekstbeskeder til at behandle dine links korrekt. Når du f.eks. Deler et link via Facebook, følger Facebook linket til siden. Derefter læses siden og forsøger at finde ud af, hvad alt er.
Vigtigst er det, at det forsøger at finde en titel, beskrivelse og billede. Hvis den ikke kan finde dem, viser den bare et simpelt link uden dikkedarer. For at få Facebook til at vise en bestemt titel, beskrivelse og billede, skal du tilføje specifikke metatags for at fortælle det, hvad det skal se efter.
Hvis sociale mediesider som Facebook og Twitter får de oplysninger, de har brug for fra dit websted, opretter de et kort. Hvis alt gik efter planen, skulle det se ud som du havde forventet.
RELATEREDE: Sådan opbygges Twitter, Instagram og Reddit Bots ved hjælp af Python
Hvis du har bygget dit websted med almindelig HTML eller en frontend-ramme, skal det være enkelt at tilføje metatags. De går i samme område som dine titel-, stil- og script-tags, som i følgende eksempel:
Lee Nathan - Personlig udviklingsforfatter
...
Du kan se, at der allerede er et par metatags på plads. Det er ikke dem, du skal bruge for at få dit websted til at vises korrekt i link, de er bare nogle standardindstillinger på lavt niveau.
Ændring af metatags i WordPress er mere involveret. Komplette instruktioner ville tage en hel guide. Så i stedet er her et par tip, der hjælper dig med at komme i gang:
- Hvis du har det godt med at redigere dit tema, skal metatags være placeret i header.php fil med dit aktuelle tema.
- Hvis du ikke kan få adgang til dit tema eller ikke vil håndtere det, kan du ændre dine metatags med et plugin-lignende Avanceret styring af metatag.
Se på de bedste WordPress-hostingudbydere hvis du er interesseret i at starte et sted på platformen.
Sådan oprettes et Facebook-kort
Nu hvor du har fundet ud af, hvordan du får adgang til dine metatags, kan du begynde at redigere dem. Dette er de minimale tags, som Facebook ønsker at se:
Titlen og beskrivelsesegenskaberne fortæller Facebook, hvilken tekst der skal vises. URL-egenskaben kan linke til en underside for specielle kampagner eller A / B-test.
Billedegenskaben skal være en fuld adresse, ikke i forhold til din indeksside som /image.jpg. Den bedste billedstørrelse, der skal bruges, er 1200x628, da denne størrelse vil være den mest kompatible på tværs af sociale mediesider og enheder.
Sådan oprettes et Twitter-kort
Twitter-kortet er næsten det samme som Facebook-kortet, men med forskellige metatags. Sådan ser Twitter metatags ud:
Titlen og beskrivelsesegenskaberne er de samme som Facebooks; billedegenskaben følger også de samme regler. Og 1200x628 er en god størrelse til at begynde med.
Den største forskel er kortegenskaben. Dette eksempel bruger "summary_large_image" til at oprette et kort, der ser stort set ud som Facebooks kort. Twitter har dog andre muligheder.
Sådan sørger du for, at din forhåndsvisning ser rigtig ud
Du kan sende et tweet og hurtigt slette det et halvt dusin gange, indtil du får dit kort rigtigt. Du kan også sende en Facebook-besked til dig selv. Men disse metoder er lidt klodsede. Heldigvis giver begge tjenester et praktisk værktøj til at gøre det nemmere at kontrollere dine kort.
Facebook har en delingsfejlfinder. Og Twitter har en kortvaliderer. Begge værktøjer har den samme opgave at lade dig se, hvordan links fungerer; de bruger bare forskellige navne.
Andre aspekter, du skal teste
Nu har du fået dit webstedslink til at se godt ud på de to store sociale netværk. Chancerne er, at det vil se godt ud overalt, men du skal dobbelttjekke, om det ser ud. For eksempel, hvis du har oplysninger i bunden eller toppen af et billede, kan det blive klippet på mobil.
Mobil
Inden du går videre, er det en god ide at sikre dig, at dit link stadig ser godt ud på mobilen. Som nævnt kan dit billede blive klippet på den mindre skærm. Eksemplet vist tidligere havde billedet for lavt, så du kunne kun se den øverste halvdel af hovedet.
SMS og messengers
Dette er et simpelt spørgsmål om at sende dig selv en tekst (eller en besked via en tjeneste som WhatsApp) med linket. Du behøver ikke bekymre dig om et valideringsværktøj. Chancerne er, at hvis det ser godt ud i de sociale medier apps, vil det se godt ud her.
Hvis du arbejder på dit personlige websted, vil du helt sikkert have det til at se godt ud på LinkedIn. Heldigvis, LinkedIn leverer også et valideringsværktøj kaldte postinspektøren. Du behøver heller ikke bekymre dig om flere metatags, fordi LinkedIn bruger Facebooks tags.
Hvad man skal arbejde på næste gang
De oplysninger, vi dækkede, skulle være nok til at komme i gang. Men hvis du vil lære mere, skal du tjekke ud Facebooks guide til tags eller Twitters side om tags.
Internettet er oversvømmet med værktøjer, der hjælper enhver med at oprette deres egne professionelt udseende, delbare billeder. Her er vores favoritter.
- Programmering
- HTML
- Hjemmeside
- Webmasterværktøjer
Lee er en fuldtids nomad og en polymat med mange lidenskaber og interesser. Nogle af disse lidenskaber drejer sig om produktivitet, personlig udvikling og skrivning.
Abonner på vores nyhedsbrev
Deltag i vores nyhedsbrev for tekniske tip, anmeldelser, gratis e-bøger og eksklusive tilbud!
Et trin mere !!!
Bekræft din e-mail-adresse i den e-mail, vi lige har sendt dig.