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

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

Тег title

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

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

Тег 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 символов, остальное воспринимает как обычный текст.

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

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

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

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

Back to top