Оптимизация title – один из важнейших этапов в продвижении сайта. Мета-тег может, как перечеркнуть всю работу по SEO-продвижению, так и в разы улучшить итоговый результат. Поэтому составлять его, «спустя рукава», точно не стоит!
В этом материале подробно поговорим о том, что представляет из себя заголовок title и как правильно его составить для разных типов страниц. Также разберем все нюансы работы с ним и фишку, которая позволяет, с его помощью увеличить CTR в поисковой выдаче на 75%.
Что такое title и как он выглядит?
Title – это заголовок страницы. Он относится не только к тексту статьи, но и ко всем ее элементам: футер, сайдбар, меню, дополнительные блоки, то есть ко всему что вы видите, переходя на страницу.
Тег H1 в отличии от тайтл является заголовком только текстового блока статьи. Если представить страницу, как фирму, то «title» – ее директор, а «h1» – начальник отдела. Еще одно различие, в отображении. Тайтл не показывается на самой странице. Его можно увидеть только в двух местах:
Title. Как сделать место работы в вк
— в поисковой выдаче;
Также title отображается в социальных сетях, если поставить в посте или сообщении ссылку на страницу.
Для чего он нужен?
Основное назначение мета-тега title – это оптимизация страницы под нужные ключевые фразы. Также с его помощью можно значительно повысить кликабельность в поисковой выдаче. Вспомните, что вы делаете, когда хотите купить какой-то товар? Вводите запрос в Google или Яндексе, а затем бегло просматриваете 10 результатов, выданные поисковой системой, верно? При этом первыми в глаза бросаются заголовки, которые содержат ваш запрос (он выделяется жирным шрифтом), а также цифры, название города или другие слова вроде «выгодно», «дешево», «бесплатная доставка» и т.д.
Даже если магазин с привлекательным Title будет стоять 3-ым или 4-ым по списку, вы все равно зайдете на него. Почему? Потому что заголовок привлек ваше внимание, заинтересовал, и вам хочется поскорее узнать подробности выгодного предложения.
C помощью правильно составленного заголовка вы можете не только повысить релевантность страницы по нужным запросам, но и привлечь больше внимание пользователей. В итоге повысится CTR на выдаче и вы при тех же позициях увеличите посещаемость сайта, что положительно скажется на количестве заявок, звонков и заказов.
Также по мере накопления статистики, поисковые системы будут ранжировать ваш сайт лучше. Показатель кликабельности на поиске является поведенческим фактором. И его улучшение, при неизменном значении процента отказов, говорит о том, что страница интересна пользователям и ее нужно ранжировать выше.
А если это работает – глупо упускать такую возможность. Тем более что усилий на составление title требуется не так много. Данная задача выполняется одновременно с другими пунктами по SEO-оптимизации.
Правила написания тега title – инструкция с примерами
Чтобы тайтл дал нужный эффект, его надо правильно составить. А для этого требуется соблюдать рекомендации поисковых систем и придерживаться основных правил. Их много, но после того как мы разберем каждый пункт, все станет предельно ясно.
3 новейшие фишки VK для раскрутки | Как раскрутить группу ВКонтакте | Лайфхаки ВК #10
Каков оптимальный размер мета-тега для Яндекс и Гугл
Максимально допустимая длина title – до 200 символов с пробелами или около 20 слов. Причем Яндекс и Гугл будут учитывать каждое слово. Но в поисковой выдаче заголовок страницы обрезается.
Для Яндекс будут видны только 56 символов, с учетом пробелов и 3-х точек.
Источник: vc.ru
Title как в vk
Но есть способ альтернативной стилизации «атрибута title» — для этого вам понадобится:
Вместо «атрибута title» используем атрибута data.
Далее. нам понадобится какой-то тег . пусть это будет тег a
Для вывода картинки используем (before), смотрим на картинку:
Для вывода текста стилизованного атрибута title используем (after):
Соберем весь код:
Код стилизации атрибута title
Исполнение Кода стилизации атрибута title
Стилизация атрибута title — наведите мышку на ссылку.
Скачать данный пример стилизации атрибута title
В архиве пример со стилями и кодом описанных в данном примере.
Стилизовать атрибут title №2
Сверху я рассмотрел вариант стилизации декорирования атрибута title и там картинка.
А вдруг ваи не нужна картинка. я и сам уже подумал. зачем нужна дополнительная картинка!
Давайте стилизуем атрибут title без картинки!
Для этого вам понадобится:
Опять место «атрибута title» используем атрибута data.
Используем(опять) какой-то тег . пусть это будет тег a
Для вывода текста стилизованного атрибута title используем (after).
В свойство content помещаем указание на атрибут, который надо показывать.
content: attr(data-title);
Соберем весь код:
Код стилизации атрибута title
Исполнение Кода стилизации атрибута title
Для того, чтобы увидеть действие стилизации атрибута title — наведите мышку на ссылку ниже.
Скачать данный пример стилизации атрибута title
В архиве пример со стилями и кодом описанных в данном примере.
Источник: dwweb.ru
Как заменить содержимое тега title?
Подскажите плиз, что добавить в index.php , чтоб проверяло тайтл и заменяло его на название группы $rcl_group->name; ?
Т.е. на выходе имеем Имя группы- SiteName
- Вопрос задан более трёх лет назад
- 184 просмотра
5 комментариев
Средний 5 комментариев
что добавить в index.php , чтоб проверяло тайтл
почему не в htaccess? Или что б наверняка в *.css сразу запихнуть
Вы задачу подробнее опишите. Вы хотите брать из vk тайтл?
Максим Тимофеев, сорри что не подробно, чайник я.
есть плагин, который создает наподобие групп ВК (сам вк не причем, просто пример), у него есть index.php , в котором присутствуют, к примеру, такие строчки:
function rcl_group_replace_title($title)< global $rcl_group; if(!$rcl_group) return $title; if($rcl_group->name) < if(is_array($title))< $title = array(‘title’ =>$rcl_group->name); >else< $title = $rcl_group->name; > > return $title; >
Почему-то решил, что куда-то как-то туда нужно что-то дописать вроде preg_replace(‘#]*>.*?#is’
referakk,
function rcl_group_replace_title($title) <
получает title проверяет наличие глобальной переменной и выводит title. Что это за тайтл никто не знает. Это просто переменная так названная.
Чего Вы решили, что это как-то связано с title страницы? Или Вам вообще тайтл чего-то другого нужен? Можно разобраться, но не видя всего кода и за 2 строчки я Вам не объясню как.
Источник: qna.habr.com