Jessica J.
  • Home
  • Over mij
  • Contact

Tutorial • Twitter Cards toevoegen aan Weebly-website

5/4/2017

16 Reacties

 
Tutorial Twitter Cards toevoegen aan Weebly-website jessicajayblog www.jessicajay.eu
"Hoe komt het toch dat andere bloggers zulke mooie previews hebben, terwijl ik steeds manueel een afbeelding bij m'n tweet moet voegen?" Dat vroeg ik me tot voor kort ook af, maar ik heb dé oplossing gevonden!
Weebly doet weer eens moeilijk. Herinner je je de Bloglovin'-kwestie? Maar ach, voor elk probleem is er online een oplossing te vinden – en die deel ik natuurlijk graag met jou! Hieronder zie je een screenshot van een van mijn kersverse, prachtige Twitter Cards! De URL die je in je tweet plakt, verandert na het tweeten automatisch in de preview. De tekst die je erbij getypt hebt, blijft gewoon staan en wanneer je op de afbeelding klikt, kom je op je blog terecht. Ideaal, toch?
Foto
Toegegeven, wij Weebly'ers dienen die Twitter Cards nog steeds blogpost per blogpost in te stellen – wáárom blog ik niet via Wordpress?! –, maar dan hebben we wél diezelfde aantrekkelijke Twitter-previews! Het is erg simpel.

Twitter Card voor een specifieke blogpost

  1. (Belangrijk: Publiceer je blogpost eerst! Als je dat niet doet, kan je de URL van de afbeelding niet toevoegen aan je Twitter Card.)
  2. Beslis of je een Summary Card met een grote afbeelding zoals hierboven wil, of een Summary Card met een klein afbeeldinkje links en de tekst rechts. Open een Kladblok- of Word-bestand en plak daarin de voorbeeldcode hieronder. Dat is de code van de Twitter Card in deze blogpost, ter illustratie. Heb je liever een klein afbeeldinkje met de tekst ernaast, laat dan _large_image vallen.

    ​<meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:site" content="@jessicajayblog" />
    <meta name="twitter:title" content="Ik vlieg er even tussenuit!" />
    <meta name="twitter:description" content="Tijd om de volgende bestemming op m'n lijstje af te strepen, want
    straks vertrekt ons vliegtuig!" />
    <meta name="twitter:image" content="http://www.jessicajay.eu/uploads/5/9/9/7/59978283/city-centre-705879-1280_orig.jpg" />
    ​
  3. Vul nu jouw gegevens in: vervang @jessicajayblog door jouw Twitter-naam en vervang mijn title en description door de jouwe. Die hoeven trouwens niet dezelfde te zijn als die in je blogpost, maar gebruik zeker geen te lange zinnen. Die zullen namelijk niet volledig verschijnen en dat is natuurlijk niet de bedoeling. Bijkomende aanhalingstekens mag je ook niet gebruiken, want dan verliest Twitter het noorden.
  4. Nu, de afbeeldings-URL. Surf naar je gepubliceerde blogpost, klik met de rechtermuisknop op de afbeelding die je wil gebruiken en selecteer Adres van afbeelding kopiëren. Vervang mijn afbeeldings-URL door de jouwe et voilà, de code voor jouw Twitter Card is af!
  5. Kopieer jouw code en open de bewerkmodus van het artikel waarvoor je de Twitter Card gemaakt hebt. Sleep het element Embed Code – die tegel ziet er zo uit: </> – naar hélemaal bovenaan, vlak onder je titel. Plak de aangepaste HTML-code in dat vlak, publiceer je artikel en wees blij met je eigenste eigen Twitter Card!
Voordat je je URL tweet, kan je hem voor de zekerheid even testen met de Card Validator van Twitter. Dan zie je rechts je Twitter Card verschijnen en kan je de URL met een gerust hart tweeten!

Zo, ik hoop dat ik je kunnen helpen heb. Mocht je nog vragen hebben, stel ze dan gerust!

xo, Jessica J.
Bron afbeelding: Artem Sapegin

16 Reacties
Sushy link
6/4/2017 15:02:37

Heb je deze site met weebly gedaan? Grappig, ik wist niet dat ze geschikt waren voor blogs. Dat had ik blijkbaar mis dan :D

Antwoord
Jessica J. link
8/4/2017 13:37:55

Klopt! Ik ben eigenlijk zonder nadenken bij Weebly gegaan omdat ik op het werk op dat moment Weebly-websites aan het bouwen was voor anderen.

Antwoord
Mariëlle Markgraaff link
6/4/2017 18:59:33

Wat handig hihi! Nog nooit gedaan ;)

Antwoord
Jessica J. link
8/4/2017 13:39:02

Ja, en het staat ook veel mooier dan telkens een afbeelding te moeten tweeten, waardoor je dan met een map vol duplicaten eindigt. :-D

Antwoord
Peggy link
7/4/2017 11:00:06

Handig! Ik wist ook niet dat je bij Weebly blogs kon maken. Ziet er mooi uit! En idd handig als je alles kan automatiseren, anders blijf je posten haha.

Antwoord
Jessica J. link
8/4/2017 13:40:33

Dankje! Het is niet altijd even gemakkelijk en ik heb het gevoel dat ik wel wat features mis – denk bijvoorbeeld aan de integratie van Gravatar –, maar op zich werkt het prima!

Antwoord
Rebecca link
7/4/2017 12:58:06

Handig dat je dit deelt! Ik blog alleen niet met weebly haha
Het staat vaak echt heel leuk bij een blogartikel

Antwoord
Jessica J. link
8/4/2017 13:41:38

Klopt! Ik vond het zo stom om keer op keer een afbeelding te moeten tweeten. Staat ook zo rommelig, een map vol duplicaten.

Antwoord
Charel link
7/4/2017 13:42:03

Heel handig hihi!

Antwoord
Jessica J. link
8/4/2017 13:42:19

Dat is het zeker!

Antwoord
Rachel Kromdijk link
7/4/2017 14:55:05

Wat handig, thanks for sharing en een heel fijn weekend!

Antwoord
Jessica J. link
8/4/2017 13:42:04

Graag gedaan! Hetzelfde voor jou. :-)

Antwoord
Chantal Dumasy link
8/4/2017 22:09:31

Wat fijn! Ik kom nu eindelijk een andere blogger tegen die ook weebly gebruikt! Jij! Ik heb zoooooveel problemen gehad met weebly, en nog steeds heb ik soms zoiets van: Hmm.. misschien moet ik maar verhuizen naar wordpress, want wordpress kan zoveel meer! Maar geen idee hoe ik dat moet gaan doen! Dusss... Ik blijf gezellig bij Weebly haha. Ik houd jouw blog in de gaten! Je hebt er een nieuwe volger bij! Liefs!

Antwoord
Jessica J. link
11/4/2017 10:01:04

Op zich heb ik best spijt dat ik niet meteen bij Wordpress begonnen ben, maar aan de andere kant red ik me wel. Het is ook niet mijn bedoeling om een megasuccesvolle, fancy blog te hebben ofzo. Zolang ik mijn boodschap op een duidelijke manier kan verkondigen, ben ik blij!
Ja, de Weebly-bloggers zijn er wel, maar we zijn een zeldzaam ras! Dat heeft ook z'n charmes, haha! Bedankt! ♥

Antwoord
Maaike link
10/4/2017 03:10:26

Zeer handig artikel! En je hebt een leuke blog. Ik gebruik zelf ook Weebly :D

Antwoord
Jessica J. link
11/4/2017 10:02:07

Dankje, Maaike! Heuj, de Weebly-bloggers zijn de wereld nog niet uit!

Antwoord



Laat een antwoord achter.

    Welkom op Jessica J.,
    ​de persoonlijke feelgoodblog van een Lush-junkie! Hier deel ik mijn passie voor lekkere geurtjes, proefdiervrije cosmetica en een duurzamere lifestyle.
© Copyright 2021 • Alle teksten en foto's op deze blog zijn gemaakt door en eigendom van Jessica J., tenzij anders vermeld. Zonder toestemming van de eigenaar mag er niets overgenomen worden. [Privacyverklaring.]
  • Home
  • Over mij
  • Contact