If you do not clear your cache, the OG fields may not populate for existing content.ħ. If you’re using a media field instead of an image field for handling assets, then use the following token, (change the field_media name accordingly).Ħ.After you fill out all of your OG tags fields, click on Save and clear the Drupal cache. This assumes you’re using the Image ( field_image) field on the Article content type. Then drill down by going to Nodes -> Image. To use an image stored in an image field, click on “Browse available tokens”.
Go to Configuration > Search and meta data > Metatag and click on “Add default meta tags”. We will now configure Open Graph for the Article Content type.ġ. The above drush command will automatically enable the Metatag: Open Graph sub module, Metatag module and Token module.įinally, it is always a good idea to clear the cache after enabling Drupal modules: drush cr Configure Open Graph Tagsīy default, Open Graph can be added to any content type. Then enable the “Metatag: Open Graph” sub module: drush en metatag_open_graph -y Once the Metatag module is downloaded using composer, the Token module, which is a dependency, will be downloaded automatically.
#Social media meta tag checker download#
Use Composer to download the module: composer require drupal/metatag However, if you download and enable the Drupal module using composer and drush, the dependency is automatically taken care of as we will show you now. The image may be automatically cropped to display in differently sized cards, so it is a good idea to have the main focal point in the center.The Metatag module has a dependency on the Token module. This tag defines sharing Images on Twitter, Most standard image formats (JPG, PNG, GIF) are acceptable, but it must be less than 5MB in size. This tag defines sharing content brief descriptio on Twitter. This tag defines sharing content title on Twitter. Your Twitter username, or your site or company’s username. The summary_large_image type displays a short summary with a large image preview. This tag defines the type of Twitter Card that should be displayed. The following below defines Twitter Card Meta Tags twitter:card Twitter Cards are a protocol that allow to add rich photos, videos and other interactive media to Tweets on Twitter while sharing in order to drive traffic by using your website. Therefore, it's better to place anĮnsure that the image should not exceed 5MB and 1200 x 630 pixels (1.91/1 ratio) as Facebook imposes these limitations for image tags.Īdd og:image:width and og:image:height meta tags to ensure a perfect snippet the first time someone shares it. Without the image, your content is boring. The eye-catching image always stands out. To 300 characters, but it's better that you should limit this to 200. This tag defines your content's short description, but it should be more than 200 characters. Either it's web-based, entertainment, place, people, or business. This tag defines the content type that you are sharing. That helps to consolidate all the connected data, such as likes, across all the duplicate URLs posted. The defines the URL of the webpage with which the object is linked.Īlway Use canonical website URL. There is no limit to the characters' number, but it should stay between 60 to 90 This tag defines the title of your content. The following below important Open Graph Meta Tags. This Open Graph is used to integrate Facebook meta tags inside website pages to be rich graph objects to have the same functionality as the other
#Social media meta tag checker code#
Open Graph meta tags are set of code that defines how Website URLs are displayed when shared on social media. Open Graph is a protocol introduced by Facebook in 2010.
0 kommentar(er)
