How to write meta tags correctly: manual and automatic methods for WordPress, Bitrix and Joomla

The author of the article: Evgeny Kostyrev,
web programmer at SEO.RU

What are meta tags for a site?

Meta tags are special tags in the HTML hypertext markup language that are located in the container and are intended to convey information to search engines and browsers. Here’s what they look like in search results:

Type of meta tags in SERP

The most important meta tags for a website are:

  • Title – it displays the title of the page in the browser window and in the search results.
  • Description – this tag displays a short description of the page in the search results.
  • Keywords – the tag contains a set of keywords of the page that are relevant to the content (users do not see it, it is filled in exclusively for search engine robots).

Let’s make a reservation right away that the methods described below work in ideal conditions, when no one has previously made edits to the kernel code and project modules. In this case, the approach to adding meta tags can change dramatically.

How to manually write meta tags in the HTML code of a page?

Meta tags can be written manually, statically, for each page separately. This is the programmer’s initial approach to page optimization.


<!DOCTYPE html>
<html lang="ru">
    <meta charset="UTF-8"> <!--Эта строчка указывает кодировку страницы-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!--Эта строчка отвечает за масштабирование контента для мобильных устройств-->
    <meta name="description" content="Запуск интернет-магазина — это сложное мероприятие, и новичку легко допустить ошибку. Рассказываем, как не столкнуться с самыми распространенными недочетами"> <!--В эту строчку добавляется краткое описание страницы-->
    <meta name="Keywords" content="интернет-магазин, запуск, ошибки"> <!--В эту строчку добавляются ключевые слова--> 
    <title>50 ошибок при запуске интернет-магазина и способы их избежать</title> <!--Эта строчка содержит Title — название страницы-->
 <p>Тут идет ваш контент</p>   

This method is suitable when you have a landing page or a site that does not have very many pages. But what if you have an online store or blog with 100 or more pages? It is no longer so easy to register manually, because the site is expanding and there are more files.

Read also:   Bitrix 18: an overview of a new online store

The CMS developers took this into account, and each team presented their vision of how to automate the addition of meta tags. Someone did it well and the interface in the admin panel is intuitive, but somewhere you have to study the admin panel for a long time to understand where to register what.

Let’s consider 3 main CMS that remain the most popular and are most often found in my work: WordPress, 1C-Bitrix and Joomla.

How to add meta tags to your WordPress site?

Out of the box, WordPress does not provide the ability to write the necessary meta tags, so plugins are used for this. The most famous of them are Yoast SEO and All in One SEO Pack. Let’s analyze them.

Yoast SEO

It is a free plugin that provides many webmaster tools. It is easy to use, but for confident use it is better to read about it or watch a couple of videos on YouTube.

So how do you apply Yoast SEO to your meta tags? At the bottom of the page for adding material in the admin panel, you will see a small block called Yoast SEO… This is exactly what you need to use. Conveniently, the plugin immediately shows how your snippet looks in the search results and analyzes the page for SEO:

Filling tags in wp yoast

You can also use ready-made variables:

Using macros in wp yoast

And create masks for different types of content (pages, product cards, posts):

filling tags through the wp yoast mask

All in One SEO Pack

In this plugin, the location of the block with the meta tags is the same as in the previous plugin, and they look almost the same:

Read also:   Composite site technology

Using a Mask in All in One SEO Pack-1

The plugin can also create masks for different post types. This is done in the settings of the plugin itself in this block:

Using a Mask in All in One SEO Pack-2

Full information on the macros that are used in the plugin is in it itself: just hover the mouse cursor over the question mark, and a complete list with a description of all macros will be displayed there.

How to generate site meta tags on 1C-Bitrix?

Bitrix has an out-of-the-box SEO module, so you don’t need to install anything extra. You just need to open the page you need in the admin panel and go to the SEO tab. There will be full access to the page meta tags:

Filling tags in Bitrix

Bitrix also has its own macros that facilitate the development of masks, for example, when a lot of products are placed on the site:

Using macros in Bitrix

In order for all the elements of the section to accept the mask that you specified, you need to find the item in the section settings “Settings for items” and there already register what you need:

Using a tag mask in Bitrix

How to change meta tags for a Joomla site?

Joomla, like Bitrix, has its own SEO module out of the box, but it is implemented differently. Let’s assume that you already have an article page and you need to add meta tags to it. To do this, you first need to create an item in the menu:

Setting up tags in joomla

Then in the section “Page settings”, in the window “Browser Page Title” register Title:

Changing title in joomla

And in the section “Metadata” specify Description and Keywords:

Changing description in joomla

Joomla, unfortunately, cannot create masks. To do this, you need to manually write a plugin or search from the available ones.

Read also:   One story of SEO website promotion on a website builder: is the game worth the candle

As you can see, using the built-in options of modern CMS, adding and editing important meta tags for SEO is clear and simple.

1C-Bitrix: Site Management 17.0 Online store from A to Z. Part 2.

No Comments

No comments yet

Leave a Reply

Your email address will not be published. Required fields are marked *