Wanneer u voor het eerst een nieuwe website of blog lanceert, wilt u deze waarschijnlijk meteen delen met uw vrienden en familie. Maar als je het niet goed hebt ingesteld, zien ze alleen een saaie link.
Zelfs als het voorbeeld een afbeelding laadt, is het misschien niet degene die u wilt zien. Maar je kunt dat oplossen.
Metatags zijn HTML-tags die geen inhoud op uw webpagina weergeven. Ze leven in de tags in uw HTML. Wanneer zoekmachines en andere diensten, zoals Facebook, lezen uw pagina, halen ze gerichte informatie uit de metatags.
Voor veel mensen IS Google internet. Het is misschien wel de belangrijkste uitvinding sinds het internet zelf. En hoewel zoekmachines sindsdien veel zijn veranderd, zijn de onderliggende principes nog steeds hetzelfde.
Metatags zijn wat je nodig hebt om sociale media en sms-berichten te krijgen om je links correct te verwerken. Wanneer u bijvoorbeeld een link via Facebook deelt, volgt Facebook de link naar de pagina. Het leest vervolgens de pagina en probeert erachter te komen wat alles is.
Het belangrijkste is dat het een titel, beschrijving en afbeelding probeert te vinden. Als het die niet kan vinden, wordt er gewoon een eenvoudige link zonder franje weergegeven. Om ervoor te zorgen dat Facebook een specifieke titel, beschrijving en afbeelding laat zien, moet je specifieke metatags toevoegen om aan te geven waar je naar moet zoeken.
Als sociale mediasites zoals Facebook en Twitter de informatie die ze nodig hebben van uw website halen, maken ze een kaart. Als alles volgens plan is verlopen, zou het eruit moeten zien zoals je zou verwachten.
VERWANT: Twitter-, Instagram- en Reddit-bots bouwen met Python
Als u uw website heeft gebouwd met gewone HTML of een front-end framework, moet het toevoegen van metatags eenvoudig zijn. Ze bevinden zich in hetzelfde gebied als uw titel-, stijl- en scripttags, zoals in het volgende voorbeeld:
Lee Nathan - Personal Development Writer
...
Je kunt zien dat er al een paar metatags aanwezig zijn. Dit zijn niet degene die je nodig hebt om je website correct weer te geven in links, het zijn slechts enkele lage standaardinstellingen.
Het wijzigen van de metatags in WordPress is meer betrokken. Volledige instructies zouden een hele gids vergen. In plaats daarvan volgen hier een paar tips om u op weg te helpen:
- Als u vertrouwd bent met het bewerken van uw thema, moeten de metatags zich in het header.php bestand van uw huidige thema.
- Als u geen toegang heeft tot uw thema of er niet mee wilt omgaan, kunt u uw metatags wijzigen met een plug-in zoals Geavanceerd metatagbeheer.
Kijk eens naar de beste WordPress-hostingproviders als u geïnteresseerd bent in het lanceren van een site op het platform.
Een Facebook-kaart maken
Nu u weet hoe u toegang krijgt tot uw metatags, kunt u ze gaan bewerken. Dit zijn de minimale tags die Facebook wil zien:
De titel- en beschrijvingseigenschappen vertellen Facebook welke tekst moet worden weergegeven. De URL-eigenschap kan linken naar een subpagina voor speciale aanbiedingen of A / B-testen.
De afbeeldingseigenschap moet een volledig adres zijn, niet relatief aan uw indexpagina zoals /image.jpg. De beste afbeeldingsgrootte die u kunt gebruiken, is 1200 x 628, aangezien deze grootte het meest compatibel is met sociale mediasites en apparaten.
Hoe maak je een Twitter Card aan?
De Twitter-kaart is bijna hetzelfde als de Facebook-kaart, maar met verschillende metatags. Dit is hoe Twitter-metatags eruit zien:
De titel en beschrijving zijn dezelfde als die van Facebook; de afbeeldingeigenschap volgt ook dezelfde regels. En 1200x628 is een goede maat om mee te beginnen.
Het belangrijkste verschil is de kaarteigenschap. In dit voorbeeld wordt "summary_large_image" gebruikt om een kaart te maken die er ongeveer hetzelfde uitziet als de kaart van Facebook. Twitter heeft echter nog andere opties.
Hoe u ervoor kunt zorgen dat uw voorbeeld er goed uitziet
Je zou een tweet kunnen posten en deze snel een half dozijn keer verwijderen totdat je je kaart goed hebt. U kunt ook een Facebook-bericht naar uzelf sturen. Maar die methoden zijn nogal onhandig. Gelukkig bieden beide services een handig hulpmiddel om het controleren van uw kaarten gemakkelijker te maken.
Facebook heeft een debugger voor delen. En Twitter heeft een kaartvalidator. Beide tools doen dezelfde taak om u te laten zien hoe links werken; ze gebruiken gewoon verschillende namen.
Andere aspecten die u moet testen
Nu heb je je sitelink gekregen om er geweldig uit te zien op de twee grote sociale netwerken. De kans is groot dat het er overal goed uitziet, maar u moet dit dubbel controleren. Als u bijvoorbeeld informatie aan de onder- of bovenkant van een afbeelding heeft, kan deze op uw mobiel worden afgekapt.
Mobiel
Voordat u verder gaat, is het een goed idee om ervoor te zorgen dat uw link er op mobiele apparaten nog steeds goed uitziet. Zoals eerder vermeld, kan uw afbeelding worden afgekapt op het kleinere scherm. In het eerder getoonde voorbeeld was de afbeelding te laag, zodat je alleen de bovenste helft van het hoofd kon zien.
SMS en boodschappers
Dit is een simpele kwestie van jezelf een sms sturen (of een bericht via een dienst als WhatsApp) met de link. U hoeft zich geen zorgen te maken over een validatietool. De kans is groot dat als het er goed uitziet in de social media apps, het hier ook goed zal staan.
Als je aan je persoonlijke website werkt, wil je zeker dat deze er goed uitziet op LinkedIn. Gelukkig, LinkedIn biedt ook een validatietool belde de postinspecteur. U hoeft zich ook geen zorgen te maken over meer metatags, omdat LinkedIn de tags van Facebook gebruikt.
Waar u nu aan moet werken
De informatie die we hebben behandeld, zou voldoende moeten zijn om u op weg te helpen. Maar als je meer wilt weten, ga dan naar Facebook-gids voor tags of Twitter-pagina over tags.
Het web is overspoeld met tools waarmee iedereen zijn eigen professioneel ogende, deelbare afbeeldingen kan maken. Hier zijn onze favorieten.
- Programmeren
- HTML
- Startpagina
- Webmasterhulpprogramma's
Lee is een fulltime nomade en een polymath met veel passies en interesses. Sommige van die passies draaien om productiviteit, persoonlijke ontwikkeling en schrijven.
Abonneer op onze nieuwsbrief
Word lid van onze nieuwsbrief voor technische tips, recensies, gratis e-boeken en exclusieve deals!
Nog een stap…!
Bevestig uw e-mailadres in de e-mail die we u zojuist hebben gestuurd.