Meta Tags

On inwink, you can add custom meta tags that will be loaded in the <head> section of your website.

Add meta tags : general explanations

Go to WEBSITEWebmaster and META TAGS. On the right-hand of the screen, you can read Add a meta tag. Click on the ADD button.

Meta tags settings screenMeta tags settings screen

Each line will add a new meta tag to the <head> section of your website.

Attribute editorAttribute editor

To edit a meta tag line, click on ➕ inside the line. A meta tag editor pops-in:

Select the kind of attribute you want to add:

  • charset
  • name
  • content
  • http-equiv
  • itemprop

Then enter the content of the attribute.

To add a second attribute to the line, click once again on ➕, and add the new attribute.

You can add new meta tags by clicking on ADD on the next line.

Once all your meta tags have been added, cilck on SAVE at the top right corner of your screen, then PUBLISH to publish the meta tags on the live version of your website.

Some examples

Google Search Console

Google Search Console is a very useful tool which will give you the opportunity to control how Google indexes your website.

To use Google Search Console, you need to prove to Google that you own the site. One of the easiest ways to do this is to install a Google-recognised meta tag in the <head> of your site, of the following form:

To add this meta in inwink, go to the meta configuration screen, add a line, then add the following attributes and contents:

  • Attribute 1 :
    • Name of the attribute: name
    • Content of the attribute: "google-site-verification"
  • Attribute 2 :
    • Name of the attribute: content
    • Content of the attribute: "GoogleUID" (l'ID unique fourni par Google dans la meta proposée)

This is the result you should get:

Balise meta Google Search ConsoleBalise meta Google Search Console

Finally, once you have set up your tag, click on SAVE at the top right of the screen, then on PUBLISH to put it online..

Twitter Cards

Similar to the Open Graph tags created by Facebook and understood by all social networks, Twitter also uses Twitter Cards tags.

While you can make do with Open Graph tags, which Twitter knows how to interpret, you could also use inwink's meta tag editor to, for example, specify what format you want your site's preview to be when the site's URL is shared on Twitter.

Aperçu Twitter avec une image large

Twitter preview with a large image

Here are the tags to be added to obtain this result  :

        Tag to specify the preview format:
      • Attribute 1 :
        • Name of the attribute: name
        • Content of the attribute: "twitter:card"
      • Attribute 2 :
        • Name of the attribute: content
        • Content of the attribute: "summary_large_image"

Exemple de balise Example of tag "twitter:card"

Tag to specify an image at 600*335 pixels (size recommended by Twitter):

      • Attribute 1 :
        • Name of the attribute: name
        • Content of the attribute: "twitter:image"
      • Attribute 2 :
        • Name of the attribute: content
        • Content of the attribute: "URL de votre image"

Exemple de balise Example of tag "twitter:image"

Do you want to check that your twitter:card meta tags work ?
👉 Wait 10 minutes after publishing the tags, then go to Twitter Card Validator and check the Twitter preview of your site.