Мета-теги являются важной составляющей любого веб-сайта. Они не отображаются напрямую на страницах сайта, но играют значительную роль в оптимизации поисковых систем (SEO), обеспечивая информацию о контенте сайта для поисковых ботов. В целях наилучшей видимости и производительности веб-сайта, важно знать, где и как правильно использовать мета-теги.
Место мета-тегов в HTML-коде
С точки зрения структуры HTML-документа, мета-теги должны быть размещены внутри элемента <head>, который находится в начале каждого HTML-документа, прямо после открывающего тега <html> и перед открывающим тегом <body>.
Общее правило
Общее правило состоит в том, что все мета теги нужно прописывать в начале HTML-кода в секции <head>, вот основные из них:
- <meta charset=’utf-8′> — Этот тег задает кодировку для вашего HTML-документа.
- <meta name=’description’ content=’your description here’> — Здесь прописывается краткое описание контента страницы.
- <meta name=’keywords’ content=’your keywords here’> — Задаются ключевые слова для вашего сайта.
- <meta name=’viewport’ content=’width=device-width,initial-scale=1′> — Этот тег говорит, чтобы веб-сайт масштабировался под размер экрана пользователя.
Порядок расположения мета-тегов
Помимо места в коде, порядок следования мета-тегов тоже имеет значение. Чем раньше теги прописаны в коде HTML-страницы, тем большее внимание уделяют им поисковые системы.
Порядок размещения отдельных видов мета-тегов не регламентирован и может быть любым, но существуют некоторые рекомендации:
- <meta charset=’utf-8′> должен быть одним из первых в <head>, как можно ближе к входу страницы.
- Заголовок тега <title> должен быть прописан перед <meta name=’description’>.
- <meta name=’keywords’> комфортно себя чувствует в любом месте внутри секции <head>.
Правильное использование мета-тегов является важной составляющей успеха любого веб-сайта. Поэтому к их размещению следует подходить ответственно, самостоятельно или с помощью профессиональных разработчиков.
Как прописать мета тег description для рубрик на сайте в WordPress.