Что такое элемент HEAD на веб-странице HTML?

Каждый HTML-документ в Интернете состоит из различных элементов. Многие из элементов довольно распространены и встречаются почти на каждой странице, такие как абзацы, заголовки, изображения и ссылки. Как бы ни были распространены эти элементы, они не являются обязательными. Технически они вам не нужны на веб-странице — хотя любая страница, в которой отсутствуют эти элементы, вероятно, будет довольно разреженной.

В дополнение к этим необязательным HTML-элементам существуют и другие, которые действительно требуются на странице. Большинство из этих элементов находятся в области HTML-страницы. Эти элементы не отображаются на веб-страницах (по большей части). Элементы скрыты от посетителей-людей на ваш сайт, но они по-прежнему очень полезны, так как передают информацию об этой странице в веб-браузер, а также в поисковые системы.

Технически, есть только один тег, который должен быть в верхней части всех документов HTML: элемент. Эта пара тегов запускает и заканчивает вашу веб-страницу и позволяет браузеру узнать, что все, что находится между этими двумя тегами, является содержимым HTML. Единственное, что вы часто видите перед открывающим тегом — это тип страницы. Это было бы написано так:

После тега находится та пара тегов, о которой говорилось выше. Внутри этой пары тегов вы добавите ряд других важных элементов, включая теги any, а также ссылки CSS и Javascript.

НАЗВАНИЕ Элемент

Вы должны всегда включать свою веб-страницу. Для этого есть ряд причин, в том числе:


  1. Поисковые системы используют в качестве основного средства каталогизации сайтов. Если ваша веб-страница не имеет описательного заголовка, поисковые системы будут давать ей более низкий рейтинг, чем другие страницы. Это также то, что отображается в виде текста ссылки на странице результатов поисковой системы (также известной как SERP).


  2. Он отображается в верхней части окна браузера или на вкладке с описанием страницы в браузере.


  3. Это то, что написано, когда кто-то делает закладки на вашем сайте. Если пользователь добавляет ваш сайт в закладки, вы хотите, чтобы он его запомнил. Если вы не используете тег Title, на вашем сайте будет отображаться «Untitled Document», который является заголовком страницы по умолчанию, который используется во многих программных платформах для веб-разработки.


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

Мета-информация или метаданные

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

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

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





Это заголовок контента

Узнайте больше о метатегах

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

  • Магия с мета-тегами — используйте мета-теги для лучшего размещения в поисковой системе
  • Дополнительные метатеги — выходите за рамки ключевых слов и описаний, чтобы получить максимальную отдачу от ваших метаданных.
  • Ссылки метатега — Дополнительные ссылки для справки метатега

Другие элементы

Кроме того, другие важные вещи, которые вы найдете на странице, — это ссылки на файлы CSS сайта Javascript, либо в виде ссылок на файлы JS, либо в виде встроенного кода Javascript.

Ссылка на основную публикацию