Guide för Beginnare om hur du lägger till Twitter Cards i WordPress

88 kommentarerLämna ett svar

1. Syed Balkhi says

   sep 5, 2024 vid 2:24 e m

   Hey WPBeginner readers,
   Did you know you can win exciting prizes by commenting on WPBeginner?
   Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
   You can get more details about the contest from here.
   Start sharing your thoughts below to stand a chance to win!

2. Aramide says

   jan 22, 2022 vid 7:52 f m

   You’ve been so awesome in passing great information on WordPress. Your tutorials are so great and are wonderful learning materials. Thanks for always being there for us.

   Svara

   • WPBeginner Support says

     jan 24, 2022 vid 1:04 e m

     Goad you’ve found our content helpful

     Svara

     Administratör

3. Dee says

   aug 24, 2020 vid 12:48 e m

   Hi! I have a free wordpress.com blog, and I’m not sure how to add twitter cards to that. I don’t know if I can edit the html of my theme without a plugin (if I can, I don’t know how to find the html code) (super new to WP) is there any way to add twitter cards for free

   Svara

   • WPBeginner Support says

     aug 25, 2020 vid 10:58 f m

     You would need to reach out to WordPress.com for what they currently have available.

     Svara

     Administratör

4. MStokely says

   aug 20, 2020 vid 1:11 f m

   Thank you! It took awhile for this to work I guess because cache needed to be cleared but this is the ONLY solution I found that worked.

   Svara

   • WPBeginner Support says

     aug 20, 2020 vid 10:23 f m

     Glad our guide was able to help

     Svara

     Administratör

5. Pierre says

   maj 2, 2019 vid 10:11 e m

   Question about this, when I am posting a link from my site on Twitter, the preview image is only showing the WordPress W logo instead of what I set in Yoast. Is it just a matter of waiting it out or a, I doing something wrong?

   Svara

   • WPBeginner Support says

     maj 3, 2019 vid 10:46 f m

     You may want to ensure you’ve cleared any caching on your site for twitter to get the correct image and after that, you would need to wait for Twitter’s cache to clear.

     Svara

     Administratör

6. neo says

   mar 12, 2019 vid 11:58 f m

   thanks for the guide, adding Twiter Cards through Yoast was the easies way for me

   Svara

   • WPBeginner Support says

     mar 13, 2019 vid 10:06 f m

     Glad our article could help

     Svara

     Administratör

7. MIke says

   aug 1, 2018 vid 10:41 f m

   Hey there, very late to this article but am wondering how to amend the php code to produce the large image with summary card.

   I’ve given it a shot but not managed it yet. Ideas and advice appreciated.

   cheers

   Svara

8. Mark Larson says

   jan 30, 2018 vid 2:28 e m

   I’m getting this error:

   ”Notice: Use of undefined constant full – assumed ’full’ in”

   Not sure how to get rid of it.

   Svara

9. Ted Bergman says

   nov 28, 2017 vid 10:23 f m

   Thanks for this post. When I need to know how to do something on WordPress I come here first. Your easy to understand instructions are priceless!

   Svara

10. Sarah Bridge says

    okt 27, 2017 vid 4:35 e m

    I’ve done all the steps using Yoast and validated my url – but there is still no image coming up when I post my URL on Twitter? It said this:

    Sarah Bridge
    The card for your website will look a little something like this!

    and underneath on the right hand side it has the correct words but on the left hand side where an image should be there’s nothing but a grey box with what looks like a grey scroll in it. You can click on it to get to my website but I’d like a image there rather than a grey box. Any thoughts?

    Svara

11. Daniela says

    sep 20, 2017 vid 2:59 e m

    Have successfully done this in the past. However, it was always when using summary card with large image (which is set as the default in my Yoast settings). Now trying to post summary card (regular, not large image), but Yoast is overriding it to summary card large image. How do I prevent this?

    As a note, I’m doing both methods: adding info to Yoast plug in and writing metadata tags in a plug in.

    Svara

12. Chinny says

    aug 17, 2017 vid 5:00 f m

    This was very helpful! Thanks. Did it and the twitter cards automatically came up even for previous tweets.

    Svara

13. Haris says

    jun 21, 2017 vid 4:13 e m

    ERROR: Required meta tag missing (twitter:text:description)

    Getting this error

    Svara

14. Nick Farrell says

    maj 30, 2017 vid 10:56 f m

    You can also just throw your meta tags right into the body of your post. Not the ideal way, since this creates empty white space where your tags are, but it’s a good workaround for those having trouble.

    Svara

15. Laurel says

    jan 12, 2017 vid 2:46 e m

    If the php code above seems to break your site, it could be that your server doesn’t use php short tags (using “<?" as an opening tag instead of "<?php"). Try this version instead:

    Svara

16. Prabs says

    jan 7, 2017 vid 7:47 e m

    Hi thanks for the informative post. However I did all this and when testing my site through the card validator, was told it was unable to generate image because my site isn’t whitelisted! Any idea what I can do?

    Svara

17. Sarah says

    jan 2, 2017 vid 11:37 f m

    Hi,

    I realise this is an old post,

    IF you HARDCODE into your header.php; make sure you change the values line 10 and 19 as these point to the contributors account so be sure to change them to yours.

    just sayin …

    Svara

18. Jahmya says

    dec 8, 2016 vid 9:56 f m

    Hi,
    I have done all the steps when I try to validate with twitter it tells me my text description meta tag is missing. I don’t know anything about code so I used the first method. Any help?

    Svara

19. sonam says

    nov 24, 2016 vid 11:45 e m

    is it free ?

    Svara

20. Tyler says

    okt 24, 2016 vid 1:33 e m

    Finally a helpful tutorial! You would think that Twitter would make it a little simpler to do this. Thank you so much for your help on this!

    Svara

21. Michael says

    aug 18, 2016 vid 8:01 e m

    Is there a way to automatically notify the twitter validator when a post/page is updated?

    I have a site that gets content published automatically from a source without a featured image so once I manually add the image I also have to manually validate the post/page again to get the cards to show on twitter.

    Was hoping there could be some way to automatically ping the twitter validator when a page/post is updated.

    Svara

22. Azita says

    jun 10, 2016 vid 1:23 e m

    I don’t know why the code above cut off.
    Here is the code am using:
    ID), full );
    $twitter_thumb = $twitter_thumbs[0];
    if(!$twitter_thumb) {
    $twitter_thumb = ’url of imag’;
    }
    $twitter_name = str_replace(’@’, ”, get_the_author_meta(’twitter’));
    ?>
    <meta name="twitter:title" content="” />
    <meta name="twitter:description" contente="” />
    <meta name="twitter:image" content="” />

    Svara

    • Azita says

      jun 10, 2016 vid 2:43 e m

      Thank you so much. I figured out. No worries. Please disregard this comment.
      Thank yu again.

      Svara

23. Adrian Robertson says

    jun 7, 2016 vid 10:51 e m

    Another awesome post … great stuff!

    For anyone having issues with the image being display (I have Summary selected as my Twitter Card option) just make sure you are using a featured image, as this is where it pulls from.

    Without this specified, what I saw was my site logo (which was way too big for the Summary image)

    Svara

24. Nefeli D says

    maj 30, 2016 vid 2:00 e m

    Can’t thank you enough !

    Svara

25. Cheo says

    maj 14, 2016 vid 12:35 f m

    Hi, i’ve made all steps and got the twitter card ok, but the preview image is not loading! what should i do?

    Svara

    • WPBeginner Support says

      maj 14, 2016 vid 1:14 f m

      If you are using code method, then please try using the plugin method. If you are already using the plugin method, then try repeating all the steps carefully.

      Svara

      Administratör

26. shamsher says

    maj 5, 2016 vid 7:41 f m

    i have a question that when where to upload it on all pages and post or on home page only.

    bcoz when i share any link of my blog on twitter after adding this in header every time same image appears.

    Svara

    • Adrian Robertson says

      jun 7, 2016 vid 10:52 e m

      Is it your site logo that appears?
      Just check that you have a feature image set against your post, and it should pull from there

      Svara

27. Roger Dunkelbarger says

    mar 28, 2016 vid 4:19 e m

    Found this article and followed the steps to set up Twitter Cards since we already had Yoast. We want to use the video Player Card but that doesn’t appear to be an option. Do we need to use a different plug in, or is that option available?

    Svara

28. Amanda says

    jan 20, 2016 vid 1:37 e m

    I”m using twitter cards through my Yoast SEO, however when I post I have a link and a view summary button that people have to click to see my pictures. I want the pictures to be auto populated without the need for a click. How do I make that happen?

    Here is my twitter account so you can see my tweets for an example

    Svara

29. Graham says

    dec 1, 2015 vid 3:11 e m

    All going well with the inclusion of twitter cards. I would like to make the image that displays on twitter link able or to a link underneath to take it to a third part site any ideas?
    Oh and by the way I would like to thank you guys for realizing that not everyone degree is in computer science and won at MIT !!

    Svara

    • WPBeginner Support says

      dec 1, 2015 vid 11:30 e m

      The image can only be linked to the link you are sharing.

      Svara

      Administratör

30. Tina Marie Ernspiker says

    dec 1, 2015 vid 12:10 f m

    Thank you very much! My blog is white-listed now, with Twitter Cards Whoot, whoot!

    Svara

31. Jas says

    nov 12, 2015 vid 7:42 f m

    Hi,

    Thanks for your tutorial. I have tried with above code. But can you please explain how to make Twitter card working for multiple accounts.

    I have ten different twitter pages where same post will go out as Twitter card.

    So do I need to repeat this below line 10 times with different names:

    …..

    …

    ….
    ….

    Please suggest?

    Thanks!

    Svara

    • jas says

      nov 12, 2015 vid 7:45 f m

      code doesn’t shows in my previous comment I mean to say meta tag with Twitter site name need to get repeated with different names?

      <meta name="twitter:creator" value="@” />

      Svara

32. Edna says

    okt 15, 2015 vid 4:23 f m

    This was super helpful, thanks!

    One quick thing, I noticed the validation link is no longer working. I think this is the Card Validator link now (got it from the twitter blog, seemed to work fine for me):

    Svara

    • WPBeginner Support says

      okt 23, 2015 vid 1:54 e m

      Thanks, we have updated the article.

      Svara

      Administratör

33. Maha says

    sep 29, 2015 vid 3:52 f m

    How to request to twitter for approvel my site ..please help me i tried twitter card ,the preview tool say your card is whitelisted ..

    Svara

34. riad says

    aug 11, 2015 vid 5:24 f m

    hi i love your site very nice i want to asking you how to change the language of wordpress from franch to english or arabic

    Svara

    • WPBeginner Support says

      aug 11, 2015 vid 4:35 e m

      You can change the language from Settings > General page in WordPress admin area.

      Svara

      Administratör

35. Paul Middlebrooks says

    dec 12, 2014 vid 2:57 e m

    The Yoast solution did not work for me. I followed the instructions (3 times to make sure), and the Card Validator sees my metadata but tells me I have no card.
    Also, neither the Preview Tool nor the ”FIll out This Form” links worked:
    https://dev.twitter.com/docs/cards/preview

    Maybe this solution is already history?

    Svara

36. samiOOTB says

    dec 2, 2014 vid 9:34 f m

    I had done this and Twitter cards were working perfectly for months. Suddenly the past few days they’ve stopped working. What can I do?

    Svara

37. Megan Kubasch says

    sep 16, 2014 vid 11:41 f m

    So I have installed WP SEO by Yoast, and I have followed all of the instructions up to the point where I insert the Card URL on the Preview page for the Card Validator on Twitter. What URL am I supposed to Insert? I have used my URL for my blog, but it comes up with an error, saying No Card Found (Card Error). Any help you can provide would be greatly appreciated.

    Svara

    • Paula says

      feb 1, 2015 vid 6:12 e m

      It will not do it for a main blog page. You have to enter a post page url. So something like http://www.blogname.com/title-of-blog-post not http://www.blogname.com Hope that helps!

      Svara

38. Eric Yoffie says

    sep 1, 2014 vid 1:13 e m

    My twitter card has been approved, but I don’t know how to make it work. Am I supposed to fill out a form? I am a WordPress user.

    Svara

39. Lauren Riley says

    jul 4, 2014 vid 7:19 f m

    This is really useful thank you.

    One thing, we have enabled this using the WordPress Yoast SEO Plug-in and set up a Twitter card manually entering all of the information on the card validator for one blog post.

    This worked, however when I tweet a link to my other blog posts it doesn’t pull through the Twitter card. Do you have to set up the Twitter cards for each blog post or should it do it automatically for each blog post?

    Svara

40. Manuel Echeverry says

    jun 5, 2014 vid 6:11 e m

    graciass!!! thank you! finally I managed to submit my request to twitter, hopefully i will get my card approved

    Svara

41. Ruth says

    maj 15, 2014 vid 8:29 f m

    Oh, and ps
    Do we have to approve each post, or will that be automatic after our first post was approved… Again, thank you

    Svara

42. Ruth says

    maj 15, 2014 vid 8:28 f m

    Thanks, it works great, except for one thing: I can’t get an image to be included. How would I do that,

    Svara

43. Karan Singh says

    mar 24, 2014 vid 8:47 e m

    when i install this plugin then it is asking for “You’ve just installed WordPress SEO by Yoast. Please helps us improve it by allowing us to gather anonymous usage stats so we know which configurations, plugins and themes to test with” Allow Tracking or not, what should i do,
    Allow tracking or not.

    Svara

44. Sri Ganesh.M says

    jan 30, 2014 vid 2:54 f m

    The codings are not working for animhut blog. Showing error ! Invalid card type

    Svara

45. Kevin says

    jan 5, 2014 vid 8:40 f m

    Hello there. Great guide, thanks!

    I’m currently stuck trying to validate twitter:creator. When I look at the source for one of my posts, I don’t see the twitter:creator meta tag at all. Would you mind, pointing me in the right direction? I’m hard-coding it.

    Svara

46. Gareth says

    dec 13, 2013 vid 5:27 f m

    Great post – i was struggling to set up twitter cards using a wordpress plug in without realising that Yoast had it in-built!

    All set up and awaiting approval – thanks guys

    Svara

47. Jason Acidre says

    okt 1, 2013 vid 5:24 f m

    Useful post! Been planning to add Twitter cards on my blog for ages now, and just had the time to tweak it earlier, found this guide very helpful, so thanks.

    Svara

48. Reap3RGHS says

    jan 28, 2013 vid 5:15 e m

    Hello,
    I having a simple problem. I going to add my twitter username to my profile settings. I just add Reap3R_GHS and turn it into http://reap3r_ghs. What can I do?

    Svara

    • Editorial Staff says

      jan 29, 2013 vid 8:18 f m

      That’s weird. Did you post it in the support forum for Yoast to see?

      Svara

      Administratör

      • Reap3RGHS says

        jan 29, 2013 vid 3:53 e m

        Isn’t in Yoast settings but in profile settings…

        Svara

49. Julien Maury says

    dec 1, 2012 vid 4:07 e m

    Hi,

    It’s great but because we call the excerpt outside the loop (header), people could get bad surprises for their description.

    So here is a good snippet from uplifted.net that fixes the problem :

    function get_excerpt_by_id($post_id){
    $the_post = get_post($post_id); //Gets post ID
    $the_excerpt = $the_post->post_content; //Gets post_content to be used as a basis for the excerpt
    $excerpt_length = 35; //Sets excerpt length by word count
    $the_excerpt = strip_tags(strip_shortcodes($the_excerpt)); //Strips tags and images
    $words = explode(’ ’, $the_excerpt, $excerpt_length + 1);
    if(count($words) > $excerpt_length) :
    array_pop($words);
    array_push($words, ’…’);
    $the_excerpt = implode(’ ’, $words);
    endif;
    $the_excerpt = ” . $the_excerpt . ”;
    return $the_excerpt;
    }

    Then you might replace get_the_excerpt() with this :
    get_excerpt_by_id($post_id)

    Thanks.

    Svara

    • Julien Maury says

      dec 4, 2012 vid 4:58 e m

      Sorry that wasn’t exactly that :

      Call the function this way : get_excerpt_by_id($post->ID) otherwise you’ll get notice !
      $post_id is undefined.

      Plus get_the_excerpt() is deprecated.

      You can also add an esc_attr() on $the_excerpt to avoid broken meta if the excerpt has quotes

      Thanks !

      Svara

      • Julien Maury says

        dec 25, 2012 vid 10:03 f m

        Finally made a plugin to solve this issue : http://wordpress.org/extend/plugins/jm-twitter-cards/

        Svara

    • Main Uddin says

      jan 10, 2013 vid 6:52 f m

      There is no needs to use any code , simply use WordPress SEO by Yoast as Syed Balkhi has said which is the best for Twitter card

      Svara

      • Julien Maury says

        jan 10, 2013 vid 11:28 f m

        Hi,
        There’s no need to use any code. But still my plugin allows you to choose which type of card you want to use on each post. Moreover you can change meta creator (guest blogging) per each post too. I think it’s worthy

        Svara

        • Roy McKenzie says

          jan 28, 2013 vid 7:21 e m

          Totally Worthy!

50. Manuel Garcia says

    okt 29, 2012 vid 10:09 e m

    When I preview my twitter card, the error says:
    ”Internal Error. Most likely an fetcher error.”
    What to do?

    Svara

51. Sai Liou says

    okt 19, 2012 vid 5:08 e m

    Thank you for the article! I went with method #1. In the twitter preview, I’m only seeing the summary of the post and not the image. I’ve updated the robot.txt file to allow twitterbot. However, it’s still not showing any image in the preview. Any thoughts on this? Thank you in advance.

    Svara

    • Editorial Staff says

      okt 19, 2012 vid 5:26 e m

      Look in your view:source to see if you have the image tags. The image is usually pulled from your featured image.

      Svara

      Administratör