Войти
s-lub » Учебники » HTML » Что и для чего прописывать в HEAD

Что и для чего прописывать в HEAD

Что и для чего прописывать в HEAD

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

<meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> - кодировка сайта, бывает windows-1251 и UTF-8.

<title>название сайта или страницы сайта</title>

<meta name="description" content="Краткое содержание информации на странице, желательно не более 200 символов">

<meta name="keywords" content="Ключевые слова, желательно около 15 – 20 слов, по которым вы хотели бы видеть свой сайт в топе яндекса">

<link href="style.css" type="text/css" rel="stylesheet"> - расположение CSS стилей для вашего сайта.

<meta name = "robots" content = "index,follow" /> - расположение файла robots.txt необходимого для поисковых систем, в его помощью поисковые системы будут знать как правильно индексировать ваш сайт. Как его правильно заполнять мы поговорим в разделе оптимизация сайта.

<meta name="Viewport" content="width=device-width"> - используется для мобильных браузеров. Проблемы с отображением сайта на планшетах, смартфонах и других периферийных устройств существовала всегда. Сайты, как правило, делается под большие разрешения и не учитываются возможности просмотра на экранах с разрешением в 500, в 800 пикселей. Значение device-width, которое было указано в примере выше, означает, что ширина сайта должна равнять ширине экрана устройства.

<link rel="shortcut icon" href="favicon.ico"> - В атрибуте href указывается адрес изображение с форматом .ico (иконка). Это изображение будет отображено рядом с URL Вашего сайта в строке браузера и в выдаче поисковых систем. Favicon является необязательным элементом для сайта, но чаще всего его используют. Считается, что благодаря иконке пользователи лучше запоминают сайт и к нему есть большее доверие.

<link rel="alternate" type="application/rss+xml" title="Название RSS-ленты" href="URL-ленты"> - указывает адрес и название RSS-ленты.

<script type="text/jаvascript" src="javafile.js"></script> - указывает где и какие скрипты находятся для работоспособности сайта.

спользовать желательно только необходимые атрибуты.


Все статьи по теме HTML:

- Введение и основы HTML
- Структура WEB документа
- Синтаксис в HTML
- Пробуем создать первую страничку
- Оформление текста в HTML (часть 1)
- Оформление текста в HTML (часть 2)
- Создание списков в HTML
- Ссылки в HTML
- Вставляем изображения в HTML документ
- Цвет теста и фона в HTML
- Создаём таблицы в HTML
- Что и для чего прописывать в HEAD
- Заключение и подведение итогов по всем пройденным элементам и атрибутам