Теги title description что. Что такое мета тег description. Мета тег указания языка

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

Description можно задать в ручную, в том случае, если это не сделано, поисковик будет самостоятельно формировать его по своему усмотрению, как в верхнем примере выдачи Яндекса, Google же показал описание, которое было задано.

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

Теперь посмотрим выдачу Google по запросу «Пластиковые окна в Москве».

В данном случае город указан только в теге Title, а в Description только частичное вхождение, что не совсем правильно. Примечательно также, что в мета-описание у первых двух сайтов используется эмодзи — «телефонный аппарат».

Неправильный Description — это полная противоположность правильному, когда он не прописывается, не включает ключевые слова или состоит сплошь из одних ключевых слов (кто-то путает его с Keywords). Больше здесь добавить нечего.

Если остались вопросы — пишите их в комментариях.

Игорь . Обновление:Февраль 1, 2017 .

Здравствуйте, уважаемые читатели блога сайт! Сегодня разберем очень важный аспект, который является составной частью SEO продвижения любого сайта (новостного, информационного, коммерческого). Я имею ввиду мета теги title (заголовок), description (описание), keywords (ключевые слова) и их наполнение правильным содержанием.

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

Степень влияния этих тегов различна в современном СЕО. Ниже мы как раз и проанализируем уровень их полезности при раскрутке сайта. Попробую даже немного заинтриговать вас, отметив, что один из упомянутых тегов дает положительный эффект только при своем отсутствии. Интересно? Но обо всем по порядку.

HTML тег title - почему ему следует уделить особое внимание?

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

Итак, сразу определим, что такое title и как он проявляется. С английского этот термин переводится как «заголовок». Тайтл, строго говоря, не является мета-тегом в отличие от тех же дескрипшн и кейвордс. Это , правда, в отличие от большинства подобных элементов, входящий в состав блока head.

Если можно так сказать, сопутствующим преимуществом title является то, что он присутствует в сокращенном виде на открытой вкладке любой страницы в браузере и полностью проявляется при подводе курсора:

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

Особенно это помогает, когда вы открываете несколько веб-страничек одного и того же сайта, где будут одинаковыми:

Более того, именно title в подавляющем большинстве случаев отражается в качестве наименования документа (веб-страницы) в результатах выдачи популярных поисковых систем:

Тот же тайтл используется, когда вы постите анонсы материалов сайта в тот же Фейсбук, ВКонтакте, Твиттер, Одноклассники и т.д. для продвижения своего ресурса в социальных сетях.

Как грамотно наполнить содержанием тег title

1. Тайтл должен быть уникальным . Ни в коем случае нельзя допускать, чтобы две или более странички вашего сайта имели бы одинаковое название. Такая ситуация сродни образованию дублей, что совершенно недопустимо.

На практике, конечно, такое условие трудновыполнимо. Судите сами. На том же блоге WordPress существует, например, главная страница и рубрики, где могут выводиться анонсы всех постов. Причем, их количество постоянно увеличивается, а, значит, и число пронумерованных страничек пагинации непрерывно растет.

Тогда заголовок для всех этих веб-страниц будет одинаковым. Но во избежание появления дублей для этого случая как раз и предусмотрен замечательный атрибут canonical тега link. Именно с его помощью назначается каноническая страница (основная).

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

2. Использование ключевых слов , соответствующих тематике отдельной статьи или вашего ресурса в целом. Это полезно и для СЕО, и для простых пользователей, является одним из главных факторов ранжирования и определения позиций того или иного документа в поиске.

Ведь юзеры при желании получить определенную информацию вводят в поисковую строку . Если на странице результатов выдачи они обнаружат в тайтле ключевое слово или фразу, соответствующую этому запросу, то с большей долей вероятности перейдут на страницу:

Заглавие вашего ресурса должно отражать его тематику в самом широком смысле и обязательно содержать основные ключевые слова или словосочетания из семантического ядра (), составленного для всего сайта в целом.

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

А вот образец названия статической страницы:

И веб-странички, на которой размещена одна из статей:

3. Порядок расположения ключевиков . Первостепенное значение поисковики уделяют словам, с которых начинается любой тайтл. Поэтому в начале рекомендуется ставить главное ключевое слово или фразу ( в зависимости от тематики сайта или отдельной статьи).

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

Низкочастотники по данной теме уже можно вставить в тело поста, по ним и при таком раскладе при надлежащем качестве материала можно продвинуться в ТОП поисковой выдачи.

4. Использование название сайта и его домена в title всех страниц . Обратите внимание, что в приведенных выше примерах, кроме собственного названия, тайтлы всех страниц содержат еще заголовок ресурса и его доменное имя, отделенные вертикальным слэшем «|».

Создание, продвижение сайтов и заработок в интернете | сайт

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

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

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

5. Используйте грамотные и логичные словосочетания . Наряду с необходимостью использовать КС в тайтле очень важно не заниматься тупым перечислением ключевиков и бездумно пихать их в заголовок. Это вполне может быть воспринято как поисковой спам.

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

6. Составляйте "цепляющие" заголовки . Старайтесь, если есть возможность альтернативы, выбирать заглавия, начинающиеся словами «Как...», «Что такое...», «Когда...», «Зачем...» и им подобными, которые вызывают повышенный интерес у читателей, подтвержденный неоднократно данными статистики.

Скажем ключевую фразу «создание сайта» вполне можно заменить словосочетанием «как создать сайт». Примером для подтверждения двух последних пунктов может быть следующий заголовок:

Как создать XML карту сайта при помощи плагинов

Здесь под ключевые фразы «как создать XML карту» и «как создать XML карту сайта» можно заточить статью по этой теме, а остальная часть тайтла выполняет вспомогательную роль для получения читателями более детальной информации (не просто создание карты сайта, а с использованием определенных инструментов).

Представьте себе такую ситуацию. Пользователь ищет информацию о том, каким образом можно генерировать карту, но категорически отметает применение плагинов с этой целью (например, по той причине, что они оказывают ).

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

А вот если он увидит заголовок с дополнительным словосочетанием «при помощи плагинов», то он гарантированно не будет переходить по ссылке, что в данном случае будет плюсом. Ведь показатель отказов не повысится.

7. Очень аккуратно проставляйте знаки препинания и не используйте стоп-символы . Наиболее выгодными в этом плане являются тире «—», отделяющие КС и текст с пояснениями, а также запятые. Только не отделяйте запятыми отдельные слова в ключевых фразах, это может быть неправильно воспринято ПС.

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

Я бы не применял и спецсимволы типа () - = / \ ! ? | + _ . : ; . Они хоть и не разбивают пассажи, однако у пользователей их переизбыток не вызывает восторга.

8. Правильный выбор длины тайтла . Общие рекомендации таковы, что длина заголовка не должна превышать в среднем 50-55 символов, иногда меньше. Для Яндекса и Google в среднем лимит одинаковый (это примерно 6-10 слов). Именно такое количество обычно отображается в результатах поиска этих поисковых систем, остальные отсекаются:

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

Но это, так сказать, особый случай, вы при желании можете придерживаться общепринятых ограничений. Хотя тут есть еще одна интересная деталь, которую я подметил случайно, посетив результаты поисковой выдачи Yandex:

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

Либо это работает новый алгоритм в режиме бета-тестирования, либо некоторые ресурсы за счет своего высокого траста (а Otvet.mail.ru именно такой) оказываются "ровнее" других. Может, у кого-нибудь есть соответствующая информация? Тогда просьба сообщить в комментариях. А теперь предложу вам видео, в котором своими секретами в этой области делится известный оптимизатор:

Какую роль играет мета тег description и как его правильно заполнять?

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

Итак, дескрипшн находится в составе блока head в HTML-коде веб-страницы и отображает тот текст, который вы прописали для того, чтобы в краткой форме донести пользователям и поисковикам основное содержание вашей страницы. Для блога, например, основными объектами продвижения являются статьи, заточенные под определенные ключевые слова (чаще фразы).

Конечной целью использования мета тега description является его попадание в на страницу серча (поисковой выдачи), где он располагается под заголовком соответствующего документа (вебстраницы). Его основное назначение там - заинтересовать юзера, который ищет нужную ему информацию по определенному запросу на странице результатов выдачи.

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

Поскольку в данном случае дескрипшен составлен сразу под несколько КС, продвигаемых в статье, то при вводе другого словосочетания выделяются уже те слова, которые соответствуют этому запросу:

Но это для Google. Алгоритмы Яндекса чаще формируют сниппеты, просто предлагая кусок первого предложения статьи с ключевым словосочетанием, если оно там встречается:

Или выдирая фрагмент, который наиболее подходит, прямо из контента страницы:

В последнем случае мною был прописан description следующего содержания:

В первом случае сниппет совершенно не выполняет роль привлечения пользователей, несмотря на то, что страница по этому запросу находится в ТОП-10. А вот второй вариант (тоже из ТОПа) очень удачный, даже лучше, чем предложенный мною текст мета тега description.

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

Вот так иногда, даже не включая КС в title или description, можно продвинуться по низкочастотникам. Правда, чтобы удержаться на верхних позициях, нужно приложить еще немало усилий. Но факт остается фактом.

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

Нередки ситуации, когда по описанию документа, расположенного в конце первой десятки, переходов совершается больше, чем на страницы сайтов, находящихся в ТОП-3. Вот такова магическая сила мета тега description, привлеченного играть роль сниппета.

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

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

Прежде, чем продолжить, советую почитать рекомендации от Гугла и Яндекса по грамотному составлению дескрипшена (на этой и этой страницах). На теперь можно сформулировать краткие правила о том, как корректно заполнить этот тег:

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

При этом нежелательно излишне наполнять description ключами в прямом вхождении. Лучше использовать их варианты в различных словоформах (падежах, склонениях и т.д.), а также синонимы. Помните, что главная цель - привлечение потенциальных посетителей на свой сайт.

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

Это не помешало данной веб-странице попасть в ТОП-3 поиска и находиться там довольно длительный промежуток времени, причем, не только по этому, но и по другим ПЗ.

2. Помещайте основную информацию в начало и середину описания , поскольку в сниппете текст description (ежели, конечно, он туда попадает), подобно title, обрезается, если его длина не умещается в пределы ограничения (примерно 160 символов).

3. Составляйте читабельные мета-описания . Они должны быть написаны по-человечески просто и понятно, а не представлять из себя бездумное нагромождение слов.

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

5. Важно создавать уникальные description . Каждой странице вашего сайта или блога должен соответствовать эксклюзивный дескрипшн, дублей не должно быть в принципе. Это, так сказать, само разумеющееся условие, но не упомянуть об этом я не могу.

В отличие от мета тега title содержание description очень мало влияет непосредственно на формирование позиций страниц сайтов в выдаче. Если не прописать КС в тайтле, то продвинуться в ТОП будет очень проблематично. А вот отсутствие ключей в описании практически не повлияет на ранжирование.

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

Мета тег keywords - быть или не быть?

А теперь попрошу вас вновь обратиться к самому первому скриншоту этой убийственной по объему статьи (ничего не поделаешь с моим перфекционизмом, вся представленная здесь информация мне кажется важной). Там выделен еще один мета тег keywords, что в переводе означает простую фразу «ключевые слова» .

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

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

Если вы прописываете keywords для отдельной страницы, то имейте ввиду, что не стоит ими забивать этот мета-тег, поскольку тем самым вы спровоцируете поисковики на наложение санкций за переспам. Указывайте максимум 5-7 словосочетаний, причем обязательно через запятую:

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

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

По мере роста конкуренции создалась ситуация, когда применялись самые простые методы по выходу на верхние позиции, а именно, нещадно эксплуатировалось содержание бедного мета keywords. Каждый, кому было не лень, впихивал в этот тег и в саму статью массу ключевиков, немало не заботясь о качестве материала.

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

На современном этапе SEO значение этого инструмента свелось к нулю. Гугл официально заявил о его полном игнорировании, в отношении Яндекса не все так однозначно, но по опыту многих сеошников можно сделать вывод, что и российский поисковик не уделяет keywords серьезного внимания.

Итак, стоит ли использовать мета тег кейвордс при продвижении? На основании выше изложенного можно твердо утверждать, что нет. Более того, его неверное применение может привести к санкциям со стороны ПС, поскольку все еще действуют наказания за спам, и весьма строгие.

Небольшое резюме в отношении влияния мета тегов на продвижение сайта

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

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

Ну а мета keywords сегодня практически не влияет положительно ни на один из выше перечисленных аспектов. Более того, может привести к краху. Такова цена за его былое применение в качестве легкого и доступного средства попадания на вершину.

Как вывести заголовки и описания для всех страниц сайта WordPress

Ну, теоретическая подготовка получена и, надеюсь, в полном объеме. Пришло время реализовать на практике не только задачу наполнения мета тегов необходимым контентом, например, для всех страниц блога Вордпресс, но и произвести все остальные мероприятия по оптимизации.

Для этого существует о главном плагине All in One SEO Pack, с помощью которого вы и сможете это дело успешно реализовать. Сейчас же я попытаюсь по-быстрому расписать все шаги в отношении title, description и keywords, тем более, что их реализация не представляет сложности даже для начинающих.

Сразу определимся с мета тегом кейвордс. Как уже было сказано, он на данном этапе развития не только не приносит сколь-нибудь заметной пользы, но и вполне может навредить. Поэтому , затем выше упомянутый плагин AiOSP (если вы этого еще не сделали) и переходим в раздел его настроек:

Там прокручиваем страничку в самый низ и в блоке «Настройки ключей» отключаем отображение ключевых слов для всех веб-страниц:

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

Многое зависит от структуры, тематики сайта и других обстоятельств. Но все же для обычного блога, уверен, вывод ключевиков абсолютно не нужен.

В качестве следующего шага настроим заголовок и описание сайта с помощью этого СЕО плагина. Для этого переходим в верхнюю часть странички настроек и в разделе «Настройки главной страницы» заполняем соответствующие графы с учетом тех рекомендаций, которые я дал:

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

После активации SEO Pack при написании постов под окном редактора появится блок, где и можно заполнить поля заголовка и описания, которые будут отображаться в исходном коде, соответствующем именно страничке с этой статьей:

Абсолютно аналогично можно прописать title и description для , поэтому повторяться не буду.

Осталось ту же самую операцию осуществить для вашего блога. Здесь тоже ничего сложного нет. Когда вы добавляете новую категорию, то сразу указываете ее название, а также описание:

Это и есть содержание тега title и мета тега description для рубрик. Ну а подробнее о всех этих настройках читайте в статье о плагине All in One SEO Pack, которая приведена в самом начале этого раздела публикации.

3 отзыва

Денис
Добрый день! Спасибо за статью, но хотелось бы услышать ваше мнение, возможны ли проблемы, если заполнить все тэги подобным образом?
Например мы пишем про - Гороховый суп с курицей:
1) Тайтл - Гороховый суп с курицей - пошаговый рецепт с фото
2) Н1 - Гороховый суп с курицей
3) Дескрипшн - Статья про то, как приготовить вкусный гороховый суп с курицей.
4) Кейвордс - гороховый, суп, курицей, рецепт, фото, пошаговый
5) Альт и Тайтл финишного фото - Гороховый суп с курицей
6) Урл ссылки sup-gorohovyj-s-kuricei.html
7) Урл картинок sup-gorohovyj-s-kuricei -1.jpg, sup-gorohovyj-s-kuricei-2.jpg и так далее.
Игорь Горнов
Денис, все верно. Но во избежание возможного переспама КС желательно использовать в различных словоформах, особенно это касается сложных ключевиков (фраз), состоящих из нескольких слов, как в Вашем случае. Например, Дескрипшн можно изменить следующим образом:

«Рецепт приготовления горохового супа с добавлением куриного мяса»

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

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

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

«dobavlenije-goroha.jpg, razdelka-kuricy.jpg, dobavlenije-kurinogo-mjasa.jpg, sup-gorohovyj-s-kuricei.jpg» и так далее.

Ну вот как-то так. Надеюсь, Вы поняли меня.
Андрей
Вот спасибо! А то я голову ломал: зачем мне keywords, если есть метки?
Какой-то дубляж получался Вам верю и заморачиваться больше не буду.))

Мы выпустили новую книгу «Контент-маркетинг в социальных сетях: Как засесть в голову подписчиков и влюбить их в свой бренд».

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

Для многих не новость, но поверхностно затронем что такое 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. заголовок страницы, который виден, если навести на вкладку в браузере. Также тайтл возглавляет сниппет страницы в результатах поиска. Один из важнейших для SEO оптимизации HTML тегов. 2. Тег <meta> получил название мета-тег, нас интересуют его свойства. <meta name=”description” content=”>Описание страницы, часто используются поисковиком в формировании сниппета. Иногда описанием сниппета становятся фрагменты текста на странице, более подходящие под запрашиваемую пользователем фразу. Итак, мы указали два свойства. <ul><li>name=”description” – означает, что следующее свойство </li> <li>content=”…”, является описанием. Тогда, когда content=”…” содержит текст самого описания. </li> <li>Обратите внимание – тег непарный. </li> </ul><img src='https://i2.wp.com/semantica.in/wp-content/uploads/2016/01/e90bcf84df.jpg' align="center" width="100%" loading=lazy> 3. <link> отвечает за связь с внешними файлами, вроде шрифтов, а чаще стилей. Как и остальные теги, обладает рядом атрибутов. Подключить файл со стилями можно с помощью конструкции: <link rel="stylesheets" href="/адрес/документ.css"> Конструкция, где rel= атрибут и его свойство “stylesheets” (что в переводе - таблица стилей) 4. Атрибут тега <link> под названием Canonical. Конструкция такова: <link rel="canonical" href="http://site.ru/statja_nomer_odin"> Суть в том, что указав канонический адрес страницы, мы можем обезопасить себя от нежелательных дублей. К примеру, на вашем сайте есть две очень похожие страницы, либо вообще одинаковые. Но обе нужны. Вы можете написать в каждой странице канонический (главный) адрес. Тогда поисковые системы будут оценивать только одну страницу, адрес которой будет указан в конструкции выше. <h2>Теги в теле документа <body>...</body> </h2> Как уже говорилось, в <body> находится видимая для посетителя информация. Перейдем сразу к главному: <ol><li>Теги h1...h6. Это заголовки страницы, которые разбивают текст по смыслу. Поисковые роботы любят, когда страница структурирована и оформлена. Используйте на страницы только один заголовок <h1>...</h1> и он должен быть первым (выше всех) на странице. Последующие подзаголовки можно использовать несколько раз, но важно, чтобы они шли по очереди. От <h2> до <h6>. Чаще всего Используют всего три типа заголовка: <h1>, <h2> и <h3>. </li> <li>Оформление текста. Для того, чтобы разбить текст на параграфы используйте тег . </li> <li>Выделить жирный текст текст текст текст </li> <li>Курсив: текст текст текст </li> <li> начало и конец маркированного списка. </li> <li> строка списка. </li> <li> нумерованная строка. </li> <li>Картинки. Чтобы добавить изображение нужно воспользоваться тегом <img> и его атрибутами src и alt. Конструкция такова: </li> </ol> <img src='https://i1.wp.com/site.ru/content/kartinka_1.jpg' loading=lazy> текст ссылки *Нежелательные ссылки можно закрывать атрибутом rel=”nofollow”, добавив его к другим атрибутам. В таком случае робот не будет переходить по этой ссылке. Добавив атрибут rel=”noindex”, вы скажите поисковику, что данная ссылка не должна индексироваться поисковым роботом. 10. Один из самых распространенных тегов <div>...</div>. Это слой, которому можно указать определенные параметры отображения на странице с помощью атрибута class=”значение”. А значит, все что расположено между <div> и </div> будет перенимать эти параметры. Несколько важных моментов, не вошедших в основную статью: <ul><li>Всегда закрывайте парные теги. Не закрытие какого-либо тега может привести к тому, что весь последующий код не будет понятен поисковому роботу. </li> <li>Следите за правильной вложенностью тегов. Иногда это может выглядеть запутано. Просто придерживайтесь принципа: Открылся первым - закрылся последним.</li> <li>Следите, чтобы в html коде не было стилей. Обычно они закрадываются в теге <style>...</style> или атрибутом в других тегах style=”color:...” и так далее. Если такие строки встречаются в коде вашего клиента или вашего сайта - выносите стили в отдельные файлы.css и подключайте их с помощью конструкции: </li> </ul> <link rel="stylesheets" href="/адрес/файла.css"> между тегами <head>...</head> Между тегами <head>...</head> <ul><li>Пишите все теги и атрибуты маленькими буквами </li> <li>Не используйте много выделений текста, вроде и <italic> </li> <li>Заполняйте атрибут alt=”...” у картинок в теге <img> </li> <li>Используйте понятные названия картинок. Например, <img src='https://i2.wp.com/site.ru/ponyatnoe-nazvanie-kartinki.jpg' loading=lazy></li> <li>Проверяйте валидность кода html на наличие ошибок с помощью сервисов, вроде validator.w3.org </li> <li>Следите, чтобы ссылки навигационного меню были оформлены обычным тегом <a> </li> <li>Всегда следите, чтобы была последовательная структура заголовков и на страницы был только один <h1> </li> </ul>Изучение html и css - процесс достаточно длительный. В этой статье я постарался понятным языком изложить основные моменты на которые нужно обращать внимание при продвижении сайта. Пользуйтесь советами, читайте код и делайте правильные выводы, цепляясь за очередную возможность получить плюсик в карму сайта от поисковиков. Что такое мета теги? Мета теги — это специальные теги html, находящиеся в контейнере <head> и предназначены для передачи информации о сайте браузерам и поисковикам. Например, при обходе вашего ресурса, поисковые роботы собирают заголовки страниц, описание сайта, ключевые слова, данные об авторе и прочую информацию содержащуюся в тегах <meta>. Перед тем, как показать страницу сайта пользователя, то же самое делает и браузер, чтобы понять, в каком виде должен показываться сайт для ПК или для смартфона. В этом материале, мета теги будут рассматриваться нами через призму . И вы сможете узнать, основные правила их заполнения, анализа и проверки с помощью инструментов вебмастера. <h3>Виды мета-тегов:</h3> <ul><li>title (заголовки страниц);</li> <li>description (краткое описание страницы);</li> <li>keywords (ключевые слова);</li> <li>технические мета теги (отвечают за корректность отображения страницы).</li> </ul><h2>Как правильно заполнять мета теги</h2> С точки зрения SEO, главные мета теги сайта это Title, Description и Keywords. Поэтому именно правильность их заполнения мы и рассмотрим. Повторимся, что все они должны располагаться между тегами <head> </head> и не в каком другом месте кода. <h3>Title</h3> Мета тег <TITLE> отвечает за заголовок страницы и отображается строчкой текста на вкладке браузера. Для <a href="/kak-rabotaet-poiskovaya-sistema-vazhnyi-faktor-prodvizheniya-resursa/">поискового продвижения</a> сайта, необходимо, чтобы ключевое слово находилось, как можно ближе к началу Title или стояло самым первым. Если сайт продвигается в каком-либо регионе — пишем название города или региона. Далее следует продающая или уточняющая добавка. В завершении, чтобы придать тайтлу уникальности, после прямой черты вставляем название сайта или компании Например: <ol><li>Для коммерческого сайта: «Купить ноутбук в Москве — цены от 19990 р в интернет-магазине | site.ru» </li> <li>Для информационного сайта: «Как правильно выращивать алоэ в домашних условиях | Садовод »</li> </ol>Для того, чтобы заголовок не обрезался при показе в результатах выдачи поисковых систем, нужно чтобы длина тайтле была не более 65 символов. <title>Заголовок страницы

Description

Мета-тег Description отвечает за то, чтобы в нескольких предложениях описать суть информации на странице. Обычная поисковая система берёт информацию из этого тега для формирования сниппета в результатах выдачи.

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

Примеры:

«Купить ноутбук в Москве. Закажите ноутбук по цене от 19 990 рублей в интернет-магазине. Доставка бесплатно. Гарантия 2 года.»
«Как правильно выращивать алоэ в домашних условиях. Журнал Садовод делится секретами выращивания растения алоэ дома. »

Длина не более 140 символов. На чистом html, это выглядело бы вот так:

Keywords

Мета тег Keywords — это набор ключевых слов, по которым продвигается страница. Впрочем сегодня этот атрибут уже не является обязательным и заполняется по желанию, так в «золотую эпоху» SEO им слишком злоупотребляли и поисковые системы практически не обращают внимание на него. Если же вы всё-такие решили заполнить keywords, лучше это делать простым перечислением слов в начальной форме без запятых:

«Купить ноутбук Москве заказать цена стоимость рубль интернет-магазин каталог доставка гарантия»

Длина любая, но слишком усердствовать не стоит. В html правильно пишется вот так:

Спарсить мета теги конкурентов можно буквально в пару кликов - с помощью парсера .

Технические мета-теги

Expires — дата устаревания документа.
Pragma — запрет на использование кэшированных данных, информация должная подгружаться с сервера.
Content-Type — тип контента и кодировка.
Content-language — языка страницы/сайта.
Cache-Control — устанавливает кэшируется ли документ или нет, и если да, то каким образом.
Robots — отвечает за индексацию отдельных страниц.
document-state — частота индексации.

Отсутствие мета тегов может негативно сказаться на отображении, индексации и ранжировании страниц.

Как добавлять мета теги на CMS

Чаще всего для управления контентом на сайте используются различные CMS и некоторые из них требуют установки дополнительных модулей и плагинов, чтобы задавать мета теги. Чтобы прописать мета теги на CMS нужно:

Хоть Wix и не является CMS — это всего лишь конструктор, здесь тоже можно сделать мета описание сайт и ключевые слова, в которых содержится информация о сайте. Для каждой страницы при нажатии на три точечки, всплывает меню, где можно перейти в раздел SEO и задать необходимые параметры.

Но если вы всерьёз вознамерились продвигать сайт в поисковиках, Wix лучше не использовать и выбрать например, тот же WordPress.

Проверка мета-тегов онлайн +анализ

Для проверки мета тегов на собственном сайте или для анализа мета описаний у конкурентов, можно использовать сервисы, которые быстро и в режиме онлайн показывают нужную информацию.

Вот несколько таких сервисов:

http://seo-inf.ru/tools/view-metatags/
http://www.prcy-info.ru/index.php/meta-tags-check
https://сайт/prizyv-k-dejstviyu-v-reklame/

Много заблуждений кроется в вопросе влияния мета тегов на SEO. Некоторые теги очень часто использовались в прошлом, но уже потеряли свою силу. Так какие же теги все еще пригодны для SEO, а какие нет?

Что такое мета теги?

Мета теги дают поисковым роботам больше информации о веб странице. Данная информация скрыта от посетителей страницы.

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

Часто мета теги содержат атрибут name , который устанавливает тип мета данных. Значение метаданных определяется в атрибуте content . Рассмотрим несколько типов пар название-значение, которые часто встречаются на страницах.

Описание

Мета тег description является, вероятно, наиболее часто используемым. Он предоставляет поисковому роботу короткое описание страницы. Например:

Раньше данный тег использовался для повышения ранжирования страницы, но изменения алгоритмов работы поисковых систем уменьшили его влияние на результат выдачи по поисковому запросу. Однако данный мета тег все еще может быть полезен, так как поисковые сервера используют информацию из него на страницах результатов.

Описание все еще может влиять на CTR вашей страницы. Слова, которые соответствуют запросу выделяются в результатах поиска жирным. Поэтому хорошее описание (которое усилено ключевыми словами) может оказаться для пользователя более привлекательным, увеличивая шанс перехода по ссылке. Рекомендуемая длина описания - 160 символов.

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

Мета тег robots

Мета тег robots используется для управления доступностью веб страницы для поисковых сервисов. Вы можете разрешить или запретить индексирование страницы, следование по ссылкам и архивацию. Например:

This meta tags tells search engines not to index the page and prevent them from following the links. If you happen to be using two contradictory terms (e.g. noindex and index), Google will choose the most restrictive option.

Чем данный тег полезен для SEO? В первую очередь он представляет собой простой способ предотвратить индексацию дублирующего содержания, например, печатной версии страницы. Так же мета тег может быть полезен на незавершенных страницах или для скрытия конфиденциальной информации от поисковых сервисов.

Заголовок

Технически, тег title не является мета тегом, но часто служит тем же целям. Он включен в наш урок так как является очень важным для поисковой оптимизации.

Тег title должен быть во всех документах HTML, он определяет заголовок страницы. Разметка выглядит следующим образом:

Заголовок страницы

Очень просто и очень эффективно. Заголовок показывается в двух разных местах: в верхней панели браузера и на странице результатов поиска. То есть тег title оказывает существенное влияние на CTR и ранжирование.

Хороший заголовок должен включать ключевые слова и их лучше использовать вначале заголовка. Помните, что ключевые слова выделяются в результатах запроса жирным шрифтом.

Другой момент, о котором следует помнить - длина. Google ограничивает заголовок 70 символами, поэтому, может быть, придется переделать заголовок, чтобы он удовлетворял требованиям.

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

Может быть вы знакомы с длинной формой Content-Type:

В наши дни лучше использовать короткую версию:

Данный тег нужно располагать до элементов, которые содержат текст, включая тег title .

Мета тег keywords

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

В данном теге можно разместить несколько ключевых слов о содержании страницы, но он не улучшит ранжирования в результатах запроса. Формат мета тега:

Мета тег указания языка

Формально данный мета тег используется для объявления языка, используемого на веб странице. Так информируются программы для чтения с экрана и различные обработчики страниц, что делает содержание более доступным для них. Пример определения французского языка для содержания:

В наши дни лучше определять язык с помощью атрибута:

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

Me gusta..

Отказ от перевода

Обновление

С помощью данного мета тега можно указать браузеру на необходимость обновлять страницу через определённые промежутки времени. Например, так опредлеяется обновление страницы каждые 30 секунд:

Также возможно перенаправлять пользователя на другую страницу после такого обновления. Например:

Использование данного тега не поощряется W3C, так как он дезориентирует пользователя. Тем не менее, он не оказывает влияния на ранжирование в результатах поиска.

Заключение

Подводя итог выше сказанному, есть три мета тега, на которых следует сконцентрироваться: description , robots и title (технически, он не является мета тегом).

Тег description используется для вывода дополнительной информации о содержании страницы в результатах поиска. Тег robots применяется для предотвращения ранжирования дублирующего содержания, конфиденциальных страниц и незаконченных частей сайта. А содержание тега title не должно превышать 70 символов и при этом включать ключевые слова.

В недавнем прошлом мета тег keywords был мощным инструментом для SEO, но те времена прошли.