Приветствую!
Новый Год уже совсем близко подошел. Осталось всего каких-то два дня. А это значит, что пора подводить итоги, уже почти прошедшего, года, чем завтра и займусь. Ну а сейчас я расскажу вам о том, что такое метатеги и как их правильно прописать на странице и еще кое-что.
Начнем с определения метатегов:
Метатеги — это теги HTML или XMTL, предназначенные для передачи структурированных данных о веб-страницах поисковым роботам и браузерам.
Вот эти самые теги нужны только браузерам и поисковым роботам. Выполняют следующие функции:
- Передают поисковикам и браузерам информацию о веб-странице;
- Содержат управляющие команды для поискового робота и браузера;
- Сообщают информацию о веб-странице и авторе.
Но сегодня разберем мы только теги, выполняющие две первые функции в списке выше. Они-то и являются самыми необходимыми с точки зрения SEO.
Метатеги Description, Keywords и тег Title
Итак, метатеги Description, Keywords и тег Title передают информацию поисковому роботу и браузерам о веб-странице. При правильном их заполнении улучшается индексация страницы, поэтому их заполнению следует уделить особое внимание. Но прежде, давайте разберемся с каждым из тегов.
- Мета-тег Description — указывается описание веб-страницы, которое обычно используется поисковыми системами в сниппетах;
- Мета-тег Keywords — здесь указываются ключевые слова которым соответствует контент на странице;
- Тег Title — заголовок страницы, который вы можете увидеть в результатах поисковой выдачи и на вкладке браузера. Этот тег не относится к мета тегам, но он выполняет схожие функции с вышеперечисленными.
Раньше, лет 20 назад, с помощью только этих тегов, можно было без проблем продвинуться в ТОП по любому ключевому слову, главное заполнить их грамотно и все. Но в нынешнее время ситуация круто изменилась: из-за того, что вебмастера злоупотребляли этим, поисковики перестали учитывать данные метатеги, как фактор ранжирования. Теперь, просто заполнив их грамотно, продвинуться в ТОП невозможно.
Возможно в вашей голове возник вопрос: зачем тогда они нужны? А вот ответ: метатеги, как уже было сказано выше, положительно влияют на индексацию страницы. Кроме того, информация, указанная в них, является важнейшим фактором внутренней оптимизации. А это, поверьте мне, немаловажно!
Метатег Robots
- Index — разрешить индексацию;
- Noindex — запретить индексацию;
- Follow — разрешить индексацию ссылок;
- Nofollow — запретить индексацию ссылок;
- All — разрешить индексацию страницы и ссылок
- None — запретить индексацию страницы и ссылок.
В некоторых случаях, этот метатег действительно нужен. Обращаться с ним нужно очень аккуратно, а то ненароком можно и закрыть от индексации нужные страницы.
Как заполнять метатеги?
Все метатеги прописываются в пределах тегов
, то есть в самом начале кода.
Как видите, метатег прописывается в коде элементом «» с наличием обязательных атрибутов:
- name — прописывается сам метатег;
- content — прописывается значение тега.
Посмотрите пример выше.
Как заполнить тег Title?
В теге Title прописывается заголовок страницы, который отображается в выдаче поиска и вкладке браузера. По сути, это самый важный тег с точки зрения привлечения посетителей с поиска. А это значит только одно: чем привлекательней для потенциального клиента будет заголовок, тем больше у вас будет посещений (при условии, что вы в ТОП — 10, конечно).
В заголовке должно содержаться ключевое слово по которому продвигается страница.
Как заполнить мета тег Description?
Description тоже очень важен для привлечения посетителей, так как ПС ставят в сниппет то, что написано в этом теге. Количество символов ограничено до 120-150 символов. Поэтому крайне важно сделать такое описание, которое бы носило в себе максимум информативности о странице.
Советы по заполнению:
- Не дублируйте то, что написано в теге Title;
- Разбавьте ключевой запрос тематическим текстом;
- Пишите только по делу!
Как заполнить мета тег Keywords?
Этот тег предназначен только для ПС и то они его не учитывают, а значит он бесполезен. Поэтому и расскажу я про него немного.
Ключевые слова должны быть перечислены через запятые.
Из всего написанного можно сделать вывод: самыми важными тегами являются Title и Description. Их заполнению нужно уделить особое внимание!
Ну а на этом все, дорогие друзья!
До скорых встреч и с наступающим!
Тест по уроку №77
Лимит времени: 0
Навигация (только номера заданий)
0 из 5 заданий окончено
Информация
Проверьте, полученные на уроке, знания!
Вы уже проходили тест ранее. Вы не можете запустить его снова.
Тест загружается...
Вы должны войти или зарегистрироваться для того, чтобы начать тест.
Вы должны закончить следующие тесты, чтобы начать этот:
Результаты
Правильных ответов: 0 из 5
Ваше время:
Время вышло
Вы набрали 0 из 0 баллов (0 )
- С ответом
- С отметкой о просмотре
Задание 1 из 5
1 .
Количество баллов: 1Могут ли браузеры воспринимать мета-теги?
Задание 2 из 5
2 .
Количество баллов: 1Является ли тег Title мета-тегом?
Задание 3 из 5
3 .
Количество баллов: 1За что отвечает мета-тег Description?
Метатеги — это теги в коде сайта, которые нужны, в первую очередь, для того, чтобы поисковики быстрее поняли, чему сайт посвящен. Например, благодаря ним, сообщается информация о веб-странице и ее авторе в браузеры и поисковикам, а также передаются команды. Сейчас разберем, какие именно это теги, и как их заполнять.
Три главных метатега это:
- title
- kewords
- description
Если правильно их заполнить, то алгоритмы поисковых машин сработают быстрее и лучше ваш сайт. Кроме этого, они являются одним из важных факторов внутренней оптимизации, а также могут влиять на позиции в поисковой выдаче (но только в очень малоконкурентных нишах).
Title - на самом деле, не является мета-тегом по своей сути, но выполняет ту же функцию. Содержание этого тега отображается заголовком страницы, который видно на закладке браузера или в поисковом сниппете. Заголовок привлекает и пользователей, и имеет значение для индексации.
Keywords - в этом мета-теге перечисляются основные ключевые слова, имеющие отношение к странице.
Description - содержит описание страницы. Как правило, содержимое дескрипшена появляется в сниппете поисковой выдачи (но не всегда).
Куда добавить метатеги
Метатеги прописываются в самом начале страницы, а если конкретнее, то между тегами и . Например:
Как можно заметить, в атрибуте name указывается непосредственно метатег, а его значение - в content .
Правильный тег title
Как мы сказали выше, тайтл имеет особое значение — это не тот тег, который воспринимают только поисковики, но и пользователи, что даже важнее. Поэтому главное правило заполнения тега title — это его привлекательность для целевой аудитории. В нем можно использовать главный ключ, по которому продвигается страница, но главная суть — это заинтересовать человека, который ищет то, что вы можете ему предложить.
Например:
Как заполнить мета тег description
Тег для посетителей не менее важный, чем title, ведь он описывает то, что будет обнаружено на странице. Поэтому его цель практически такая же: 160 символами (больше поисковики, как правило, не видят) заинтересовать, предоставить немного информации и заставить кликнуть. Описание не должно копировать заголовок, а ключ, который вы в него помещаете, должен быть органично вписаться в текст.
Например:
Как заполнять мета-тег keywords
Данный тег имеет значение лишь для поисковиков, и если влияет на индексацию страницы, то в меньше степени, чем прочие мероприятия поисковой оптимизации. Да, он не самый важный, но мы не будем его игнорировать. Заполняется тег keywords очень просто: нужно всего лишь через запятую указать главыне ключевые слова, по которым вы продвигаетесь. Используйте только те слова, которые есть на странице и не более 20 штук.
Например:
В заполнении мета-тегов нет ничего сложного, и так же никто не может гарантировать, что они существенно повлияют на оптимизацию вашего сайта — все-таки это один из инструментов, коих множество, и степень влияния каждого определить трудно, тем более значимость мета-тегов все время меняется (когда-то давно они и вовсе могли играть определяющую роль). Однако если они имеют значение для посетителя сайта и формируют сниппет, то пропускать их точно не рекомендуется.
Не пропустите:
Мы выпустили новую книгу «Контент-маркетинг в социальных сетях: Как засесть в голову подписчиков и влюбить их в свой бренд».
Существует масса способов продвинуть сайт. И хороший сеошник знает все эти способы, ну, или хотя бы большую часть. Лучшие сеошники цепляются за каждую возможность, которая может положительно повлиять на ранжирование в поисковиках. Сегодня мы обсудим еще один способ улучшить показатели своего ресурса. Речь пойдет о валидности кода .
Для многих не новость, но поверхностно затронем что такое html и .
HTML – аббревиатура HyperText Markup Language, что в переводе с забугорного, язык разметки . Это стандартный язык, на котором построено подавляющее большинство веб-страниц в интернете. HTML достаточно прост в изучении. В особенности если вам нужны лишь базовые знания для продвижения сайта. У языка разметки есть компаньон в лице CSS.
CSS – это язык внешнего вида страниц, написанных на HTML. Расшифровывается как Cascading Style Sheets, что в переводе - каскадные таблицы стилей. CSS в изучении еще проще, чем язык разметки. Каскадные таблицы построены по принципу: атрибут – значение; атрибут – значение и так далее. Загвоздка в том, что этих самых атрибутов очень много и все их запомнить крайне тяжело. Плюсом будет знание английского, хотя бы широкий вокабуляр.
В чем важность HTML и CSS для SEO
Работая с сайтами клиента либо с собственным сайтом, который вам сделали на заказ, нередко появляется необходимость что-либо поправить, подвинуть, изменить. И тут базовые знания html пригодятся.
Дальше код страницы должен быть валидным, иными словами, соответствовать принятым стандартам. Поисковые роботы эти стандарты знают и, сталкиваясь с невалидным кодом, могут неправильно распознать контент страницы и сделать плохие выводы. Вплоть до исключения страницы из индекса. Чтобы понять, правильно ли написан код страницы, есть ли в нем ошибки и поймет ли его поисковая система – нужно владеть базовыми знаниями html и css.
Что такое теги в HTML
Итак, что такое тег – это своеобразная метка или элемент языка, который сообщает браузеру, как нужно интерпретировать содержание того или иного элемента, чтобы правильно отобразить информацию на странице. Все они пишутся в треугольных скобках
Закрывающий тег показывает браузеру, где оканчивается содержание.
Многие теги обладают свойствами, а те – значениями. Свойства прописываются внутри квадратных скобок открывающего тега, а значение указывается после знака = в кавычках “…”. Конструкция такая:
Пример с нашего блога:
…много всего…
Главные три html тега, которые вы встретите в любом документе
- Первый это … - этот тег сообщает вашему браузеру, что дальше будет идти документ формата HTML.
- Вторым станет … - внутри данного тега расположена служебная информация для браузеров и поисковых машин, не видимая для пользователя. Исключение:
… - заголовок страницы, о нем поговорим ниже. - Третий - … - видимая для пользователя часть страницы. Внутри располагается весь контент: текст, картинки, видео и так далее.
Основные SEO теги в HTML
Внутри содержатся два основных тега:
и .В
, как уже говорилось, может входить достаточно много других тегов. Разберем основные из них, полезные для SEO:1.
2. Тег получил название мета-тег, нас интересуют его свойства. Описание страницы, часто используются поисковиком в формировании сниппета. Иногда описанием сниппета становятся фрагменты текста на странице, более подходящие под запрашиваемую пользователем фразу.
Итак, мы указали два свойства.
- name=”description” – означает, что следующее свойство
- content=”…”, является описанием. Тогда, когда content=”…” содержит текст самого описания.
- Обратите внимание – тег непарный.
3. отвечает за связь с внешними файлами, вроде шрифтов, а чаще стилей. Как и остальные теги, обладает рядом атрибутов. Подключить файл со стилями можно с помощью конструкции:
Конструкция, где rel= атрибут и его свойство “stylesheets” (что в переводе - таблица стилей)
4. Атрибут тега под названием Canonical. Конструкция такова:
Суть в том, что указав канонический адрес страницы, мы можем обезопасить себя от нежелательных дублей. К примеру, на вашем сайте есть две очень похожие страницы, либо вообще одинаковые. Но обе нужны. Вы можете написать в каждой странице канонический (главный) адрес. Тогда поисковые системы будут оценивать только одну страницу, адрес которой будет указан в конструкции выше.
Теги в теле документа ...
Как уже говорилось, в
- Теги h1...h6. Это заголовки страницы, которые разбивают текст по смыслу. Поисковые роботы любят, когда страница структурирована и оформлена. Используйте на страницы только один заголовок
...
и он должен быть первым (выше всех) на странице. Последующие подзаголовки можно использовать несколько раз, но важно, чтобы они шли по очереди. Отдо
. Чаще всего Используют всего три типа заголовка:
,
и
.
- Оформление текста. Для того, чтобы разбить текст на параграфы используйте тег .
- Выделить жирный текст текст текст текст
- Курсив: текст текст текст
- начало и конец маркированного списка.
- строка списка.
- нумерованная строка.
- Картинки. Чтобы добавить изображение нужно воспользоваться тегом и его атрибутами src и alt. Конструкция такова:
текст ссылки
*Нежелательные ссылки можно закрывать атрибутом rel=”nofollow”, добавив его к другим атрибутам. В таком случае робот не будет переходить по этой ссылке. Добавив атрибут rel=”noindex”, вы скажите поисковику, что данная ссылка не должна индексироваться поисковым роботом.
10. Один из самых распространенных тегов
Несколько важных моментов, не вошедших в основную статью:
- Всегда закрывайте парные теги. Не закрытие какого-либо тега может привести к тому, что весь последующий код не будет понятен поисковому роботу.
- Следите за правильной вложенностью тегов. Иногда это может выглядеть запутано. Просто придерживайтесь принципа:
Открылся первым - закрылся последним.
- Следите, чтобы в html коде не было стилей. Обычно они закрадываются в теге или атрибутом в других тегах style=”color:...” и так далее. Если такие строки встречаются в коде вашего клиента или вашего сайта - выносите стили в отдельные файлы.css и подключайте их с помощью конструкции:
Между тегами
...- Пишите все теги и атрибуты маленькими буквами
- Не используйте много выделений текста, вроде и
- Заполняйте атрибут alt=”...” у картинок в теге
- Используйте понятные названия картинок. Например,
- Проверяйте валидность кода html на наличие ошибок с помощью сервисов, вроде validator.w3.org
- Следите, чтобы ссылки навигационного меню были оформлены обычным тегом
- Всегда следите, чтобы была последовательная структура заголовков и на страницы был только один
Изучение html и css - процесс достаточно длительный. В этой статье я постарался понятным языком изложить основные моменты на которые нужно обращать внимание при продвижении сайта. Пользуйтесь советами, читайте код и делайте правильные выводы, цепляясь за очередную возможность получить плюсик в карму сайта от поисковиков.