ktspot.blogg.se - Linkedin website metatag

#Linkedin website metatag how to
#Linkedin website metatag code
#Linkedin website metatag download

Open the Open Graph section and in the Content type field, type article.Scroll to the Content section and click Edit.Go to Configuration > Search and Metatag.For example, if we have an Article content type, we probably want to set the Facebook Open Graph og:type value to article. There are some Metatag fields that we probably don't expect our editors to fill out or have to change.

Because none of them are checked, they all appear, but if we check the boxes next to Basic and Open Graph, now only those two sections will appear on our content type. Opening that section, it shows the Basic, Advanced, and Open Graph areas we saw before. On that page, we get a list of different entities, including the content type that we just added the field to. Click that and go to the Settings tab at the top of the page. Configuring our Metatag FieldĪ new option appears on the Configuration page when we go to the Search and Metatag section. Some of these fields we may never use, so let's turn them off and configure some others. For instance, there's a lot options in the 'Advanced' section. This gives your editors control over what gets printed in those tags and (eventually) what can be shown in the Facebook link preview.īut we can also set some defaults. We can write inside of these fields and when we do, this will add the tags to our page. Now when we go to add or edit a piece of content of this type, we have a collapsible 'Metatags' group on the right hand side of the page.

Give your field a name ('Metatags' will do).

Go to Structure > Content Types > Manage Fields on the content type you want to affect.

In order to give your editors the ability to change the meta information that gets printed to the, we need to add a field to our content type. Although we are going to be dealing with Facebook link previews, we will not require the Metatag: Facebook module for this tutorial. Inside of this module are many sub-modules, each of which is designed to handle the expected meta tags for other social networks, search engines and products.įor this tutorial, you'll only need to enable the Metatag and Metatag: Open Graph modules.

#Linkedin website metatag download

At the end of this, we will have added tags in the of our article to reflect how we want our preview on Facebook to appear.įirst, let's download the Metatag module. In this video, let's look at the Drupal Metatag module and the included Metatag: Open Graph module to save us time and make our job easier. So instead, let's allow the CMS to make our jobs easier. In fact, if you're using a CMS, it would be impossible for them to do so.

#Linkedin website metatag code

While it's good to learn what's going on behind the scenes, in reality, it would be kind of crazy to ask your content editors to modify this code for each piece of content they add.

#Linkedin website metatag how to

In that post, I showed how to manually modify those HTML tags. This is outlined by Facebook's Open Graph protocol, where we modify the tags within the of our HTML web page to say what the title, description, image, and other info should appear in our preview. In a previous blog post and video, we looked at the code that controls the display of link previews on Facebook.