How To Add Open Graph Meta Tags To WordPress

You can pressure Facebook to rescrape the web page utilizing the Facebook Debugger.

  • Anything above a hundred, and your title will automatically be shortened to around 85.
  • It also brings about additional features which the native WordPress feedback system does not have such as Liking feedback and displaying comments by comments or recognition.
  • All of the code that we’ll go over must be added to the capabilities.php file of your theme, though it can additionally be placed in a custom plugin.
  • You can use, for example, the Open Graph and Twitter Card Tags plugin.
  • This lets Open Graph parsers learn your meta tags properly.
  • The Yoast web optimization Plugin is the most popular web optimization plugin for WordPress.

I’d suggest creating a child theme in case you have not already, and adding this code to the kid theme’s capabilities file. These instruments will help you preview and debug any points with your open graph social metadata. The good news is, nonetheless, that you can add Open Graph metadata to WordPress websites without breaking a sweat. If they’re not enough for you, nevertheless, you’ll have the ability to always flip to particular plugins and, in the occasion that they don’t work, start setting the tags manually. But on the backend, this plugin takes into consideration a lot of different scenarios by dedicating itself solely to perfecting open graph tags.

Heres Tips On How To Repair Your Fb, Twitter, And Linkedin Share Photographs

Depending on your website setup, you may wish to make sure that you’re not seeing something different from what the common public is seeing. To verify in case your URLs are accessible, open the URL checker after which add the page URL and Open Graph image URL. Click the Check Status button, and now you’d be capable of verify in case your URLs are returning a standing code HTTP 200. And there are lots of plugins available for “og tag” and likewise for “SEO” however nothing is working for us. If you’re already using Facebook to unfold your content material and reach new audiences, there’s no excuse for not giving it a fair shot.

how to add open graph meta tags to wordpress

Use Twitter Card Validator for Twitter and Facebook Sharing Debugger for every thing else. You can all the time add Open Graph Protocol manually to any site utilizing code. So don’t spend too much time deciding which keywords to use in your description.


Just been reading that Yoast web optimization lets you add Twitter cards to your site and now… open graph tags. When given the selection between utilizing a vector icon or a static picture, it’s a good suggestion to go together with the vector. They’re small and fast to load, and so they can scale to any size with no loss of decision. Font Awesome is a superb library of vector icons that you have to use on your web sites,…