How to add meta tags onto a website (uCoz)?

Meta tags help you optimize a webpage for better sharing across social media, as they ensure that your posts are neatly organized and use the correct description, image, and title.

By means of META Tags Builder you can quickly generate the necessary meta tags for social media such as Facebook, Twitter, and Google.

To assign unique meta tags to your posts, you need to use $variables$, which can be found in the template of the post page (or on the product page in the Online Shop module). See the table below for allowed values of meta tags:

Page title
  • $ENTRY_TITLE$
  • $SEO_TITLE$
Description
  • $BRIEF$
  • $OTHER1$
  • $SEO_DESCRIPTION$
Image link
  • $PHOTO_1,2...N$
  • $THUMB_1,2...N$
Page link http://example.com$REQUEST_URI$
Website name
  • $SITE_NAME$
  • any text that reflects the website name

Please note:

  • Variables may differ depending on the module. For example, $BRIEF$ doesn’t work in the News module, but an additional field $OTHER1$ can be used.
  • The content for a variable must be a text. The HTML code cannot be used. For example, the same $BRIEF$ could have been used earlier to display HTML code.
  • The usage of $variables$ is recommended, but is not required. If in doubt, you can fill out any of the fields with the preferred text.

Now let’s take a look at how to add variables into the builder and place meta tags onto a website.

Head over to the home page https://usocial.pro/en and under the META Data Builder block click on the Generate Code button:

You will be taken to the page where meta tags for Facebook are generated:

For Facebook

Fill out the fields with the data that was listed in the table above. Click on the Generate Code button:

Now you need to add this code into the template of the post page. Log in to your uCoz Control Panel and from the main menu choose Design > Design management (templates). Search for the module that you need and select a template of the post (product) page:

Add the generated code between <head> and </head>, for example like it’s shown here:

Click on the Save button.

For Twitter

Under the For Twitter tab, you can generate meta tags for this social network:

Please note that if you have already added meta tags for Facebook, they will be automatically filled into the corresponding fields. All you need to do is simply click on the Generate Code button:

After that, you can add the code to the template of the page. See the example below:

Be sure to click the Save button.

For Google+

Open the For Google tab to proceed to generating meta tags for this social network:

There you will need to specify two additional parameters: “Link to the profile on Google+” and “Link to the website page on Google+”.You can find them at https://plus.google.com and https://business.google.com correspondingly.

Once all of the fields have been completed, you can proceed to adding the code:

Add it to the template of the page. See the example below:

Be sure to click the Save button.