Все об интернет-маркетинге
из первых рук
Подписаться на рассылку подписаться
на рассылку
нас уже
111 717

Как сделать свой сайт самым привлекательным

Мы ведем наш дайджест с 2012 года, и обладаем главной базой приемов по продвижению интернет-проектов.

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


Для начала немного истории


A long time ago... в 2011 году на заре своего развития Google+ искал любые способы завоевать признание у интернет-сообщества. Для этого, как говорится, все методы хороши, и Google стал поддерживать новую разметку “rel=author”. В качестве рекламы этой функции и привлечения к ней особого внимания поисковик создавал подробные инструкции, обучающие видео и т.п. Все это не особо помогало. Так получилось, что не все блогеры приняли к сведению нововведение и зачастую не пользовались данной фишкой.

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

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

На самом деле все это делалось не только для красоты. Картинки появились вместе с таким понятием, как “author rank” (авторитетность автора). Сказать, из каких факторов складывался этот показатель, я не могу, да и никто, кроме Google, не скажет. Были даже мысли, что от этого показателя будет зависеть и место в выдаче, но нет.

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

Летом 2013 года Google объявил, что полностью убирает фотографии авторов из сниппетов. При этом ссылки на профиль в Google+ и имена авторов оставались. К сожалению, как и все хорошее, это быстро закончилось. Во-первых, это произошло из-за того, что большое количество людей не потрудились привязать к профилю Google+ свои сайты. Во-вторых, это создавало более выгодные условия для рекламы (Google AdWords). Сниппеты с фотографиями лучше выделялись в выдаче и перебивали «масть» рекламным объявлениям. Совокупность этих и ряда других факторов легла в основу пересмотра поисковой выдачи Google.

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

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

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

Итак, Facebook, Twitter, ВКонтакте, LinkedIn, Google+ и другие соцсети поддерживают формат Open Graph — специальный протокол для разметки соцсетей. Большая часть сайтов не имеет этой разметки, а зря. Проверить, есть ли она у вас на сайте или блоге, очень просто. Для этого существует специальный сервис http://smo.knowem.com/. Вводите свой URL, нажимаете на кнопку «Check it» и смотрите, что получается. Обычно сразу картина нерадостная:

Но это не беда, все поправимо.

Вы можете спросить, для чего это нужно. Отвечаю: соцсети позволяют распространять информацию о статьях, да и вообще о любом контенте с сайтов среди пользователей. Делается это при помощи кнопок шаринга либо непосредственно ввода URL в окошке "Поделиться" или «О чем вы думаете». Во всем этом есть одна интересная деталь, помимо заголовка статьи и небольшого описания к ней, публикуется еще и изображение. Так вот, подтягивается не всегда то изображение, которое вам хотелось бы. Зачастую подтягивается какой-нибудь баннер или счетчик, и получается не очень красиво. Для Twitter существуют Twitter card info. Также полезно добавить разметку Basic Geo-tagging. Ну а теперь по порядку на примере блога на WordPress.


Open Graph Protocol


Для внесения соответствующей разметки используем плагин для WordPress Open Graph Protocol. Устанавливаем из админки и активируем. После этого он автоматически добавляет в вашим страницам необязательные метатеги:

  • og:title :
  • og:type :
  • og:image :
  • og:url :
  • og:site_name :
  • og:description :

Для og:image надо добавить между тегами <head> такую строку:

<meta property="og:image" content="http://www.mysite.ru/article_image.jpg"/>

Путь к картинке должен быть абсолютный. Проще всего это сделать при помощи All in One SEO. В дополнительных настройках добавить в соответствующие поля.

После этих манипуляций разметка для Facebook и LinkedIn полностью готова:

Далее придется немного поколдовать с Twitter.


Twitter card info


Здесь тоже устанавливаем соответствующий плагин Twitter Cards Meta. Заходим в настройки и заполняем пустые графы. Там все интуитивно просто и понятно.

В поле «Default Image URL» вводим путь к картинке, который указывали между тегами <head>, http://www.mysite.ru/article_image.jpg.

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

Ну и последнее — это гео-теги.


Basic Geo-tagging


Для получения кода этих тегов можно воспользоваться онлайн-сервисом MyGeoPosition.com. Вводите свой адрес, нажимаете на кнопку и получаете код, который надо вставить туда же, где вы прописывали путь к картинке между тегами <head>. Рекомендую это делать при помощи All in One SEO.

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

Я считаю, что это неплохая замена потерянной картинке в сниппете Google.




Комментарии (15)

Виктория 30.09.2014
Если не читать длинное пространное введение, а пройтись по заголовкам, статья вообще непонятно, о чем. А читать введение не хочется именно потому, что с первых слов понятно, что будет полстраницы какого-то экскурса в историю. Если статья имеет конкретный заголовок "Как сделать то-то и то-то", то и надо писать инструкцию с максимумом конкретики. А так время на ветер. С удовольствием воспользуюсь ей в качестве примера того, как не надо делать, для своих копирайтеров.

Евгений 30.09.2014
А как такое сделать для joomla?

Лилия 30.09.2014
Заголовок статьи: "Как сделать свой сайт самым привлекательным в выдаче". Где в статье ответ на этот вопрос? Каким образом микроразметка для соцсетей влияет на привлекательность в выдаче?

Максим 30.09.2014
Разметка OG-Graph не влияет на отображение результатов выдачи. Вы сейчас говорите про внешний вид ссылок сайта в социальных сетях - это разные вещи. Что касательно разметки - писал о ней больше 1,5 лет назад, если интересно: http://freshit.net/blog/internet-marketing/kak-sdelat-krasivye-ssylki-na-sajt-iz-socialnyx-setej/ И кстати, корректная кодировка сайта + Title + Description обеспечат 90% красивости вида сайта в социалках.

Сергей 30.09.2014
Евгений | 30.09.2014
А как такое сделать для joomla?
Для joomla существуют плагины open graph, можно здесь посмотреть http://extensions.joomla.org/extensions/site-management/seo-a-metadata/open-graph. Если нет желания ставить плагины и дружите с PHP, то в коде шаблона добавляйте нужные строки

Сергей 30.09.2014
Максим | 30.09.2014
Разметка OG-Graph не влияет на отображение результатов выдачи. Вы сейчас говорите про внешний вид ссылок сайта в социальных сетях - это разные вещи.
А кто говорит, что влияет? Я по тексту такого не заметил. Сказано, что пропала фотка из сниппетов Гугла, а потом: - Многие спросят, где здесь связь. Поясню, во-первых, и там и там микроразметка. Во-вторых, фотографии, по которым ваш сайт узнают пользователи: если вас помнят по выдаче в Google, то однозначно выберут в соцсетях.... И дальше, как настроить все это дело в соцсетях..

Сергей 30.09.2014
Лилия | 30.09.2014
Заголовок статьи: "Как сделать свой сайт самым привлекательным в выдаче". Где в статье ответ на этот вопрос? Каким образом микроразметка для соцсетей влияет на привлекательность в выдаче?
Согласен, с заголовком дали маху )))

Сергей 30.09.2014
Виктория | 30.09.2014
Если не читать длинное пространное введение, а пройтись по заголовкам, статья вообще непонятно, о чем. А читать введение не хочется именно потому, что с первых слов понятно, что будет полстраницы какого-то экскурса в историю. Если статья имеет конкретный заголовок "Как сделать то-то и то-то", то и надо писать инструкцию с максимумом конкретики. А так время на ветер. С удовольствием воспользуюсь ей в качестве примера того, как не надо делать, для своих копирайтеров.
Уважаемая Виктория, про заголовок уже говорили, а вот про непонятность статьи - это уже индивидуально, под всех не подстроишься. Кто-то понимает, о чем написано и задает вопросы по теме, а кто-то не разобравшись высказывает свое мнение. В итоге получается очень не плохо ))). Удачи вам и вашим копирайтерам!

Женёк 30.09.2014
Сергей | 30.09.2014
Виктория | 30.09.2014
Если не читать длинное пространное введение, а пройтись по заголовкам, статья вообще непонятно, о чем. А читать введение не хочется именно потому, что с первых слов понятно, что будет полстраницы какого-то экскурса в историю. Если статья имеет конкретный заголовок "Как сделать то-то и то-то", то и надо писать инструкцию с максимумом конкретики. А так время на ветер. С удовольствием воспользуюсь ей в качестве примера того, как не надо делать, для своих копирайтеров.
Уважаемая Виктория, про заголовок уже говорили, а вот про непонятность статьи - это уже индивидуально, под всех не подстроишься. Кто-то понимает, о чем написано и задает вопросы по теме, а кто-то не разобравшись высказывает свое мнение. В итоге получается очень не плохо ))). Удачи вам и вашим копирайтерам!
Сергей, статья полезная. Спасибо за информацию! А Вам, Виктория, действительно удачи.

Алексей 30.09.2014
Мне до конца не понятно, в чем необходимость этой разметки, какой от неё эффект, ведь чтобы её внедрить в свой сайт придется переделывать свой CMS, есть ли в это смысл делать лишнюю работу прописывая к каждой статье столько дополнительных полей?

Дмитрий 30.09.2014
В теме статьи говорится о работе с WordPress, а не всех SMC. "Алексей", не партесь, не переделывайте, ни кто не отменял простой, хороший снипет, который работает и без картинки. Я больше направляю внимание, что пользователь прочитает в снипете, а не какую картинку сможет увидеть. (тем более это уже не актуально в обшей выдаче). Да, и заголовок должен соответствовать теме статьи, что здесь не наблюдается. Читаю вторую статью с рассылки, и просто обескуражен, вода, вода, много данных ни о чём.

Елена 30.09.2014
Чего Вы все ноете )) учитесь у ребят как надо работать. Написали громкий заголовок, налили под ним водички, сделали рассылку. Человечки пришли, написали кучу разных коментов - по сути сами на них сайте под этой водичкой создали уникальный контент с нужными ключами. Пришли яндекс с гуглом, проиндексировали, поставили галочки за уникальность, длительность просмотра, работу с формой и т.д. Всё. статья не для Вас. Статья для продвижения этого проекта )) учитесь!

Сергей 30.09.2014
Алексей | 30.09.2014
Мне до конца не понятно, в чем необходимость этой разметки, какой от неё эффект, ведь чтобы её внедрить в свой сайт придется переделывать свой CMS, есть ли в это смысл делать лишнюю работу прописывая к каждой статье столько дополнительных полей?
Не надо ничего переделывать, достаточно добавить в код несколько строк, и все автоматом будет подтягивать. Поиск еще никто не отменял, для любой CMS можно найти решение. Если что, обращайтесь, помогу.

Сергей 30.09.2014
Дмитрий | 30.09.2014
В теме статьи говорится о работе с WordPress, а не всех SMC. "Алексей", не партесь, не переделывайте, ни кто не отменял простой, хороший снипет, который работает и без картинки. Я больше направляю внимание, что пользователь прочитает в снипете, а не какую картинку сможет увидеть. (тем более это уже не актуально в обшей выдаче). Да, и заголовок должен соответствовать теме статьи, что здесь не наблюдается. Читаю вторую статью с рассылки, и просто обескуражен, вода, вода, много данных ни о чём.
В статье не о сниппете идет речь, а о том, что из поисковой выдачи Гугла пропала картинка, которая там присутствовала ранее. Все! На этом тема сниппета закончена и начинается повествование о том, как правильно разметить свой сайт для правильного показа в соцсетях.

Сергей 30.09.2014
Елена | 30.09.2014
Чего Вы все ноете )) учитесь у ребят как надо работать. Написали громкий заголовок, налили под ним водички, сделали рассылку. Человечки пришли, написали кучу разных коментов - по сути сами на них сайте под этой водичкой создали уникальный контент с нужными ключами. Пришли яндекс с гуглом, проиндексировали, поставили галочки за уникальность, длительность просмотра, работу с формой и т.д. Всё. статья не для Вас. Статья для продвижения этого проекта )) учитесь!
Вы абсолютно правы в том, что у этих ребят есть чему поучиться. Мне вот интересно, что вы понимаете под "налили водички". В данной статье четко прописан алгоритм действий по внедрению разметки OGP на сайт под Wordpress, по пунктам, с картинками и примерами.

Добавление комментария:

CAPTCHA

Статьи выпуска: