Тег TITLE

Здравствуйте! Сегодня решил перепрофилироваться и начать писать об HTML. Начну с самого простого тега «title». HTML тег title выводит заголовок страницы в верхней части окна браузера. Сейчас все подробно объясню.

Но сначала разрешите объявить анонс следующего поста, в котором я расскажу вам как создать файл в кодировке UTF-8, и чтобы не пропустить его подпишитесь на мои обновления! И будет вам счастье!

Ранее я писал о том, что можно создать сайт в интернете бесплатно, писал о том, как разместить сайт в интернете, но не писал о структуре кода. Ниже я приведу примеры структуры кода, чтобы вы могли наглядно видеть, где находиться этот тег.

Этот тег отличается от тегов заголовков

тем, что текст, заключенный между тегами «TITLE и /TITLE» не будет отображаться на экране, где располагаются основные части сайта, а будет распознан как название страницы и будет выведен в верхней левой части окна браузера.

К примеру, код, представленный ниже, выводит в верхней части окна браузера заголовок: «Какой прекрасный заголовок!)))»

Заголовок браузера

Как вы видите тег title записывается между тегами «TITLE и /TITLE», что говорит о том, что этот тег не будет виден на экране, т.к. все, что находится в пределах этого тега, является служебной информацией и не будет выведено на экран, кроме случая с тегом «title». Этот тег будет отображаться, но только не на странице, а вверху, в качестве заголовка web-страницы.

В разных браузерах он будет отображаться в разных местах, так что поищите глазами, расположение всегда находится примерно там, где сейчас это показано. К примеру, в Internet Explorer заголовок страницы будет отображаться в двух местах:

Тег title в Google ChromeТег title в Internet ExplorerТег title в Opera

Мета тег title используется не только как заголовок страницы, но еще и для SEO-оптимизации сайта. Интернет устроен так, что люди привыкли искать информацию, пользуясь поисковыми системами.

Пользователь вводит какую-то фразу, например: «что такое тег TITLE». Поисковая система выдает на запрос пользователя те сайты, содержимое которых содержит такую фразу целиком или её элемент. Эта фраза может находиться в заголовке страницы, либо в самом текс те какой-либо статьи. Также поисковая система выдает сайты, текст которых схож по смыслу с этой фразой.

Поэтому тег title служит для акцентирования внимания пользователя, ищущего нужную ему информацию. Возможно, информация, которую вы выложили у себя на сайте, станет полезна для пользователя. Если тег «title» настроен правильно, то пользователь без труда найдет вашу информацию, т.к. в поисковой выдаче введенная фраза выделяется полужирным начертанием, тем самым привлекая внимание пользователя.

Тег «title» не является метатегом. Элемент строчный, не может содержать в себе блочных или строчных элементов.

Сейчас дам вам пару советов, если хотите, чтобы ваш заголовок web-страницы был аккуратен:

  • Старайтесь не превышать длину заголовка более 65 символов, тогда ваш заголовок будет виден весь в поисковой выдаче.
  • Если ваш сайт содержит рубрики и в этих рубриках есть статьи, то лучше организовать заголовок таким образом: «[статья] | [рубрика] | [название сайта]». Пример: «Что такое тег TITLE | Теги HTML | Уроки создания сайта». Я использовал в качестве разделителя символ прямого слеш «|». Вы можете использовать какой угодно, например знак тире «-».
  • Старайтесь, чтобы запросы пользователей, которые они вбивают в поисковые системы, по возможности присутствовали в заголовке. Проверить, какие запросы вбивают пользователи, можете с помощью сервиса ВордСтатЯндекс.

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

P.S. Ну что, понравилась статья? Дальше будет только интереснее! Поэтому смело подписывайтесь на мои обновления блога и будьте в курсе происходящего! Вас ждут интересные и полезные статьи, конкурсы, опросы и много чего интересного! Также можете порекомендовать мои уроки своим друзьям в социальных сетях, кликнув по иконкам социальных сетей, чуть ниже этого сообщения.

Понравилась статья? Поделитесь с друзьями!

0


This Post Has Been Viewed 11 Times

Автор статьи: , дата публикации

Читайте также на моем блоге:

  • Зачем нужен хостинг для сайта
  • Какой хостинг выбрать: платный или бесплатный?
  • Как выбрать хороший хостинг для сайта
  • Выбираем дешевый и качественный хостинг!
  • Конструктор сайтов Юкоз — обзор возможностей
  • Ucoz — создать сайт стало проще!
  • Перед тем как создать блог или сайт
  • Секреты размещения сайта в интернете! Разбираемся, что к чему!
  • Научиться создавать сайты очень просто! Бесплатно! Самому! Сейчас!
  • Программы необходимые каждому блогеру
Читатели оставили 8 комментариев к этой статье:
  • Елена02.03.2012 в 07:57

    Я новичок,Где это прописывать,в редакторе? КАк сложно самой в этом разобраться...

  • Олег Астанин
    Олег Астанин, 03.03.2012 в 04:22

    Вы что урок не читали совсем? Вот же:

  • Елена, 14.05.2012 в 16:05

    Скажите, пожалуйста, если у меня шапка сайта на всех страницах в том числе и той, что я указала выполняется , а дальше идет чисто дизайн и тело документа в php, то как должна прописать к каждой отдельно взятой странице TITLE, Keywords, Description? Это нужно для размещения статей от Миралинкс. Заранее благодарю.

  • Елена, 14.05.2012 в 16:06

    шапка сайта на всех страницах в том числе и той, что я указала выполняется — инклудится.

  • Олег Астанин
    Олег Астанин, 14.05.2012 в 16:46

    Елена, в таком случае Вам необходимо чтобы у вас прописывался для каждой страницы свой TITLE создать базу данных MSQL и уже оттуда с помощью PHP выводить заголовки для текущей страницы например:

    если страница index.php то выводи «Главная страница», если contact.php то выводи «Связь с администрацией» и т.д. в таком духе, ну только естественно на PHP. в данном случае актуальна поговорка: «Словами делу не поможешь»!

  • Олег Астанин
    Олег Астанин, 14.05.2012 в 16:48

    Также и с остальными: ключи, описание... также из MSQL при помощи PHP.

  • mihed, 21.04.2013 в 20:19

    Отличный пост для начинающего уровня))) Тоже повторил :)

  • Амир03.04.2016 в 02:34

    Отличный пост. От Title во многом зависит попадёт ли ваш сайт в индексацию по тому или иному запросу, если прописать неудачный Title, то статья будет пылится на вашем блоге. Помню были времена не знал о Title, а писал как удобно мне. Результат : Статья не попала в индексацию по запросу который я ожидал увидеть в поисковых системах. Итог : Будьте аккуратнее при составлении Title.

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

(обязательно)

(не будет опубликовано, обязательно)

Вебсайт (если есть)

  • Получайте оповещения о выходе новых статей на Ваш E-mail. Для этого, введите Ваш E-mail и нажмите Enter.

  • Рубрики

  • Присоединяйся ко мне!

    Группа
    Вконтакте

    Канал на
    You Tube

    Я на
    Twitter