X
  • Дизайн и разработка сайта
  • Дизайн і створення сайтів. Розробка тем для WordPress. Створення Landing Page.
  • office@gnatkovsky.com.ua
  • @vgnat
  • Написати мені
Замовити послугу

Заголовок страницы тег Title для WordPress

Приклад
  • 2022-06-30
  • 11316 переглядів

    6 коментар

  • Дизайн и разработка сайта

Доброго времени суток. 🙂

Решил написать Вам статью о заголовке страницы. Думаю, эта информация понадобится начинающим веб-мастерам, которые занимаются созданием сайтов. Для некоторых "бывалых", возможно тоже найдется что-то интересное. Не будем тянуть, начнем!

Тег title

Как Вам может быть известно, каждая страница сайта, в своей шапке, должна иметь тег Title. Этот тег задает заглавие страницы. Самый популярный вид Title примерно такой:

<title>Правильный заголовок страницы</title>

Если у Вас самописный HTML сайт в несколько страниц, то можно для каждой написать свой заголовок и все в порядке. Но если Вы используете систему управления, например WordPress, то там для всех страниц используется одна шапка, которая по умолчанию подключается файлом header.php. Часто веб-мастера вручную прописывают в этом файле тег Title и получается, что для всех страниц один заголовок. Таким образом Вы всем записям присвоите один заголовок. Поисковики проиндексируют страницы и по заголовкам самой статьи разберутся что и куда, но все же Title тоже не мало важен.

Так же Title отображается во вкладках браузера и если человек сохранит страницы вашего сайта в закладках, то они все будут иметь одно название и со временем разобрать на какой нужная информация, будет невозможно. Нужно будет только открывать каждую и смотреть.

Поэтому, я предлагаю для WordPress использовать дополнительные функции, которые помогут решить проблему с одинаковым заголовком. У WordPress есть стандартная функция, которая выводит заголовок для каждой страницы. это функция wp_title().

Чаще всего эту функцию используют вместе с функцией вывода заголовка блога. Как пример готовый код выглядит так

<title><?php bloginfo('name'); ?><?php wp_title('|'); ?></title>

Результат будет примерно такого вида:


Заголовок блога | Заголовок страницы

То есть, если вы создаете сайты, то title получится примерно таким:


Создание сайтов | Правила верстки

Можно поменять местами заголовок блога и поста, так будет еще лучше и удобнее для посетителя. Код будет таким:

<title><?php wp_title('|', true, 'right'); ?><?php bloginfo('name'); ?></title>

Как Вы заметили, в роли разделителя символ - |. Можете поменять, если Вам он не нравится, единственное что, не используйте _ и --, могут возникнуть ошибки.

Как дополнение к статье, хочу немного написать о правильности составления заголовков страниц. При индексации страниц сайта поисковики могут учитывать не всю длину заголовка. Дело в том, что Яндекс, берет только первые 15 слов или 70 символов без пробелов, все остальное обрезается. Google, в свою очередь берет только 12 слов или 70 символов, остальное воспринимает как обычный текст.

Из этого следует, что Вы должны правильно составить свои заголовки. Вот почему вначале лучше ставить заголовок страницы, а уже потом заглавие сайта. К тому же при написании статей, продумываете заголовки, не пишите очень длинные, потому как они полностью не попадут под индекс, а это не хорошо.

В общем, старайтесь делать короткие, понятные и правильные заголовки, чтобы придать еще больше качества Вашему сайту.

На этом все, спасибо за внимание. 🙂

Якщо Вам була корисна моя праця, можете фінансово підтримати сайт або відключити блокувальник реклами, що займе 2 хвилини :)

Хочу підтримати фінансово Хочу відключити блокувальник

Оцініть статтю
  1. 5
  2. 4
  3. 3
  4. 2
  5. 1
Проголосовало: 8, в среднем: 5 из 5
Читайте також
Опубликовано 6 комментариев

Добавить комментарий

Чтобы оставить комментарий - заполните поля ниже. Ваш e-mail не будет опубликован. Все поля обязательны

Натисніть, щоб додати код в коментар. Далі додайте свій код всередину тегів <code> тут код </code>
Я ознайомлений(а) з політикою конфіденційності і даю згоду на обробку персональних даних*

Этот сайт использует Akismet для борьбы со спамом. Узнайте, как обрабатываются ваши данные комментариев.