Программирование

Для чего нужен элемент HEAD на веб-странице?

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

Как работают элементы HTML

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

В дополнение к этим необязательным элементам HTML, существуют другие, которые действительно требуются от страницы. Большинство из этих элементов находятся в области <head> HTML-страницы.

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

<! doctype html>

После тега <html> указана вышеупомянутая пара тегов <head>. Внутри этой пары тегов вы добавите ряд других важных элементов, включая теги <title>, теги <meta>, а также ссылки CSS и Javascript.

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

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

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

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

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

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

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

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

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

<! doctype html> 
<html>
<head>
<meta charset = "utf-8">
<title> Это содержимое заголовка </ title>
</ head>
</ html>

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

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

Похожие посты
Программирование

Что такое канал RSS? (И где его взять)

Программирование

7 причин, почему изображения не загружаются на ваш сайт

Программирование

Запустите агент SQL Server: настройте SQL Server 2012

Программирование

15 лучших бесплатных обоев дня Святого Патрика