Генератор мета-тегів

Як користуватися генератором мета-тегів

1. Введіть Заголовок сторінки та Мета-опис. Під кожним полем лічильник показує кількість символів і рекомендований діапазон.
2. Додайте Канонічний URL, якщо сторінка доступна за кількома адресами (з параметрами відстеження, з кінцевим слешем і без нього тощо).
3. За бажанням заповніть Автор (необов’язково) і Колір теми (необов’язково) у шістнадцятковому форматі, наприклад #1e40af; деякі мобільні браузери використовують його для підфарбовування адресного рядка.
4. У розділі Пошукові системи виберіть, чи індексувати сторінку й чи переходити за її посиланнями, і позначте додаткові директиви, якщо вони потрібні.
5. Залиште позначеними Кодування символів (UTF-8) і Вікно перегляду для мобільних (viewport), якщо ваш шаблон їх уже не містить.
6. Прочитайте список Перевірки, потім Копіювати або Завантажити код і вставте його всередину <head> вашої сторінки.

Що робить кожен тег

• <title>: назва сторінки на вкладці браузера і здебільшого клікабельний заголовок у результатах пошуку. Ставте головну тему на початок і робіть заголовок унікальним для кожної сторінки.
• Мета-опис: стислий виклад, який пошукові системи часто, але не завжди показують під заголовком. Він не є фактором ранжування, але чіткий опис, що відповідає запиту, може принести більше кліків.
• Канонічне посилання: повідомляє пошуковим системам, яка URL-адреса є бажаною версією, коли той самий вміст доступний за кількома адресами. Це має бути абсолютний URL.
• Мета-тег robots: керує індексуванням лише цієї сторінки. noindex не пускає сторінку до результатів, nofollow просить сканерів не переходити за її посиланнями, noarchive просить не зберігати кешовану копію, nosnippet ховає текстовий фрагмент, а max-image-preview:large дозволяє великі мініатюри зображень.
• Viewport: width=device-width, initial-scale=1 змушує сторінку використовувати ширину екрана смартфона замість зменшеного комп’ютерного макета. Google індексує насамперед мобільну версію сторінок, тож цей тег важливий.
• Charset: utf-8 дає змогу правильно відображати літери з діакритикою, символи й емодзі, зокрема українські літери і, ї, є, ґ. Він має бути першим елементом у <head>.

Якщо залишити типове «Індексувати сторінку й переходити за її посиланнями (за замовчуванням)», інструмент повністю пропускає тег robots, адже index, follow – це те, що пошукові системи й так роблять.

Рекомендована довжина

Пошукові системи обрізають заголовки й описи за шириною в пікселях, а не за фіксованою кількістю символів, тож наведені числа – орієнтири, а не правила:

Щоб побачити, як ваш текст виглядатиме насправді, зокрема за шириною в пікселях, скористайтеся попереднім переглядом пошукового сніпета. Пошукові системи також можуть переписати заголовок чи опис, якщо вважають, що інший текст на сторінці краще відповідає запиту.

Екранування й безпека

Кожне значення екранується перед вставкою: &, ", ', < і > стають HTML-сутностями, а розриви рядків перетворюються на пробіли. Тому опис із лапками чи заголовок із & дає коректний HTML, який не зламає вашу сторінку. Усе відбувається у вашому браузері; нічого з того, що ви вводите, не надсилається на сервер.