What we will need is the main Metatag module, the Metatag Open Graph submodule, and the Metatag Twitter Cards submodule. For generating Facebook Open Graph and Twitter Card tags, we do not need all the submodules enabled. As we download it, we can see it comes packed with a bunch of submodules for search engines, various social networks, etc. The Metatag is a complex Drupal module that takes care of all kinds of meta tags on Drupal websites. Generating Open Graph and Twitter Card meta tags in Drupal Module installation Let’s now move on to the practical part and see how this works in Drupal. ![]() In particular, Drupal has modules that provide user interfaces for setting up Facebook Open Graph and Twitter Cards in a few easy steps. But things are much more editor-friendly if your website is built on a CMS. You could add Open Graph and Twitter Card meta tags into the HTML code of your web pages. Moreover, in the absence of its special tags, Twitter uses the Facebook OG tags. They work in a similar way to Open Graph tags. Twitter created its own version of structured data meta tags and named it Twitter Cards. By adding Open Graph tags to your website’s code, you can control which elements of your content are displayed in the Facebook feed (or Messenger) and how.įacebook Open Graph tags have more recently been adopted by other social networks, for example, LinkedIn or Pinterest. Open Graph includes a set of HTML meta tags. Example of a content preview in Twitter.įacebook introduced its Open Graph protocol in 2010 to improve the display of content from third-party websites in its news feed. Or worse, the elements chosen seemingly arbitrarily are not at all representative of the page. These may not convey the message you would prefer to show when a given page is shared. If none are found, each sharing script will choose elements from the page, such as the title, to create the snippet. ![]() Each of the social networks crawls the link that a user is sharing and searches for the appropriate metadata in order to build up a rich snippet. A glimpse at Facebook Open Graph and Twitter Cardsįacebook Open Graph and Twitter Cards are protocols that define the use of structured metadata (aka meta tags) for displaying shared content on Facebook and Twitter, respectively. In this process, we will rely on the Metatag module. We will be generating the Facebook Open Graph (OG) and the Twitter Card meta tags on a Drupal site. In today’s post, we will give you a step-by-step guide to configuring how your website’s content appears on Facebook and Twitter shares. Can you control how they look and make them so irresistibly clickable? Yes, sure, you can do this by setting up social media meta tags on your website. They include a title, a description, an image, or other details. ![]() Of course, all this works much better if your shared content looks attractive, relevant, and well-formatted on social media.Ĭontent preview snippets are built automatically when someone shares a link on Facebook, Twitter, LinkedIn, and so on. Social shares can significantly increase your brand exposure, expand your reach, boost your website traffic, and benefit your SEO.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |