18 метатегов каждая веб-страница должна иметь в 2013 году

1. Принятие новых метаданных
2. Обычные поиски
3. Социальные метатеги
4. Теги OpenGraph
5. Карты Твиттера
6. Schema.Org (для Google+)
7. Итак ... где мета ключевые слова?
8. �� А Рел-канонический?
9. Несколько прощальных подарков (букмарклетов)

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

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

Принятие новых метаданных

Обыкновенный обход , который является невероятным ресурсом, о котором все SEO должны помнить, разработал микросайт под названием Web Data Commons где они идентифицируют тенденции, извлеченные из корпуса Обихода. Schema.org Новый словарь, который поисковые системы заставили нас учиться, не предоставляя слишком много немедленной выгоды, появился в 43,05% из 1 811 471 956 типизированных объектов , появившихся в 3 005 629 093 URL-адресах на 40 600 000 доменов , составляющих Корпус общего сканирования в августе 2012 года. Как вы можете себе представить, наиболее часто используемые типы микроформатов VideoObject (Schema.org) и хлебный мякиш (RDFa). Это имеет полный смысл, потому что те два, которые имеют самое прямое значение в поисковой выдаче.

По сравнению с Corpus 2010 года, RDFa была, конечно, самой популярной, но в 2012 году Schema.org пришел с местью, быстро сократив разрыв. Вы можете подумать, что более разумно использовать RDFa, а не Schema.org, но с помощью поисковых систем вы можете ожидать более высокого вознаграждения от Schema.org. Так что самое время принять это.

Теперь к списку!

Обычные поиски

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

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

   Формат:
   

   <title> До 70 символов релевантного ключевого слова здесь </ title>
   

2. Meta Description - Если бы ваша веб-страница была коммерческой, это был бы ее лозунг. В нашем предстоящем исследовании поведения поиска в сотрудничестве с SurveyMonkey мы обнаружили, что 43,2% людей нажимают на определенный результат из-за мета-описания. Прошли те дни метаописаний, которые перечисляли ключевые слова и просто говорили «Официальный сайт…», и основная цель этого текста - привлечь пользователя, дать ему знать, чего ожидать, если он нажмет, и убедить его сделать это с помощью сильный призыв к действию. Кикер в том, что вы получите 155 символов, чтобы это произошло; Думайте об этом как о написании твита, но с 15 дополнительными символами.

   Формат:
   

   <meta name = ”description” content = ”155 символов сообщения, соответствующего тексту с призывом к действию, идут здесь”>
   

3. Разметка авторства - Как я и предсказывал SearchLove NYC в ноябре 2011 года , а также был подтвержден Эриком Шмидтом Google собирается оценивать контент, связанный с авторами, которые, по их мнению, являются надежными источниками, а не контент. Отличным видимым стимулом является то, что вы получаете имя и свою симпатичную фотографию в поисковой выдаче, если вы автор.

   

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

   

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

• Rel-Author - это метатег, который может быть реализован, который указывает, кто является автором фрагмента контента, и использует Google+ для их идентификации. Первоначально Google развернул это как просто тег, который вы помещаете в <head> кода, но в конечном итоге они поймут, что нереально, что авторы будут иметь такой тип контроля над страницей и расширены до более модульной формы. Формат: Для версии, содержащейся в теге <head>, вы используете следующее:
  <link rel = ”author” href = ”https://plus.google.com/[YOUR ЛИЧНЫЙ G + ПРОФИЛЬ ЗДЕСЬ]» />
  

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

  &lt;a href=veloper[profile_url]?rel=authorabilities> Google </a>
  

  Если вы используете этот метод, вам придется сделать второй шаг в проверке, со ссылкой на ваш контент из вашего профиля Google+. Для дополнительной информации см. объяснение Google ,

• Rel-Me - Rel-me это просто XFN версия rel-author. Вы просто размещаете метатег на ссылке обратно в свой профиль Google+. Формат:

  <a href= договорhttps://plus.google.com/[YOUR ПЕРСОНАЛЬНЫЙ НОМЕР ПЕРСОНАЛА G+]abilities rel= Обработанной ситуации> Я в Google+ </a>
  

• Rel-Publisher - Rel-publisher предназначен для юридических лиц, чтобы претендовать на право собственности на их контент. Это может использоваться в контексте с rel-author или вместо него, но вы должны указывать на бизнес-профиль в Google+, а не на отдельных лиц. Формат: <link rel = ”publisher” href = ”https: // plus. google.com/[YOUR BUSINESS G + ПРОФИЛЬ ЗДЕСЬ] »/>

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

Социальные метатеги

Социальные медиа, очевидно, являются отличным местом для поиска контента, но часто метаданных, созданных для поиска, недостаточно, чтобы побудить людей переходить по ссылкам, поэтому лучше использовать метатеги, которые предоставляет каждая социальная платформа. Эти метатеги вовсе не касаются наполнения ключевыми словами, а скорее привлекают внимание людей и заставляют их нажимать. Все мы знаем, что пользователи Google+ - это, в первую очередь, технические люди, пользователи Facebook заняты преследованием своих бывших подружек, а пользователи Twitter засыпаны временными рамками, движущимися со скоростью мысли. Давайте поговорим о параметрах метаданных для конкретного канала.

Теги OpenGraph

OpenGraph Facebook позволяет вам указывать метаданные, чтобы оптимизировать отображение вашего контента на временной шкале пользователя. Дополнительным преимуществом использования этих данных является то, что, создав «Edge» в Facebook, вы можете получить фантастические данные о пользователях, проверяющих ваш контент через Facebook Insights. Если вы не используете теги Open Graph, Facebook по умолчанию будет использовать стандартные метаданные.

1. og: title - это заголовок содержимого. Вы должны использовать это как заголовок, который обратится к аудитории Facebook. Вполне допустимо использовать заголовок, отличный от названия на реальном сайте, если сообщение в конечном итоге совпадает. У вас есть 95 символов для работы. Формат:
   <meta property = ”og: title” content = ”потрясающий блог iAcquire” />
2. og: type - это тип объекта вашего контента. Для ваших целей это, как правило, блог, сайт или статья, но если вы хотите стать модным Facebook предоставляет полный список .Формат:
   <meta property = ”og: type” content = ”article” />

3. og: image - это изображение, которое Facebook покажет на скриншоте контента. Обязательно укажите квадратное изображение, чтобы обеспечить лучшую видимость на временной шкале пользователя. Если вы вообще не указываете изображение, вам предоставляется возможность выбирать, какое изображение представляет ваш контент, на основе того, что Facebook может очистить. Это обычно не способ обеспечить лучшее первое впечатление. Формат:
   <meta property = ”og: image” content = ”http://www.iacquire.com/some-thumbnail.jpg” />

4. og: url - это просто URL страницы (или края). Вы должны указать это, особенно если у вас есть проблемы с дублированием контента, чтобы убедиться, что значение ребра в Facebook объединено в один URL. Формат:
   <meta property = ”og: url” content = ”http://blog.iacquire.com” />

5. og: description - это описание, которое Facebook покажет на скриншоте фрагмента контента. Как и в стандартном мета-описании, оно должно быть броским и содержать призыв к действию, но в этом случае у вас почти вдвое больше символов для работы. Убедитесь, что это тоже говорит с аудиторией Facebook. Вы должны 297 символов, чтобы это произошло. Формат:

   <meta property = ”og: description” content = ”Хватит обновлять страницу Facebook вашей бывшей девушки? Вам следует зайти в блог iAcquire и узнать что-то новое »/>
   

6. fb: admins - этот метатег имеет решающее значение для получения доступа к большому количеству данных, доступных через Facebook Insights. Вам просто нужно указать идентификаторы пользователей Facebook в метаданных тех пользователей, к которым вы хотите иметь доступ. Для получения дополнительной информации о Facebook Insights см документацию , Формат:
   <meta property = ”fb: admins” content = ”USER_ID” />
   

Из-за его подавляющего принятия, все другие социальные сети будут по умолчанию использовать метатеги Open Graph, если другие метатеги отсутствуют. Однако, как я упоминал ранее в этом обсуждении, подготовить только один набор метаданных - значит игнорировать способность говорить с разными людьми по разным каналам. Понимая, что Google+ в основном являются техническими пользователями, аудитория Facebook гораздо более разнообразна, а аудитория Twitter часто сталкивается с тем, что контент пролетает со скоростью мысли - почему бы не учитывать это в своих метаданных?

Для получения дополнительной информации см. Документация Open Graph Protocol ,

Карты Твиттера

Карты Twitter - это просто ответ Twitter на протокол Open Graph, и вы, возможно, заметили их в дикой природе, но вот скриншот с Твиттерская документация ,

Дополнительным преимуществом является выделение вашего контента в хаотичном графике Twitter и, в конечном итоге, привлечение большего количества людей. Кроме того, долгое время считалось, что многие пользователи будут ретвитнуть статью, фактически не читая ее, с использованием карточек Twitter, поскольку рекламные объявления также помогут облегчить обмен контентом. Большинство из этих тегов отражают то, что вы только что прочитали о Facebook Open Graph, поэтому я буду краток.

1. twitter: card - это тип карты. Ваши варианты являются резюме, фото или плеер. Твиттер по умолчанию будет «сводка», если она не указана. Формат:
   <meta name = ”twitter: card” content = ”summary»>
   
2. twitter: url - это URL контента. Формат:
   <meta name = ”twitter: url” content = ”http://www.nytimes.com/2012/02/19/arts/music/amid-police-presence-fans-congregate-for-whitney-houstons-funeral- в-newark.html»>
   
3. twitter: title - это заголовок контента, который нужно передать, и его длина не должна превышать 70 символов, после чего Twitter будет усекаться. Опять же, перейдите к заголовкам вместо ключевых слов. Формат:
   <meta name = ”twitter: title” content = ”Парад поклонников похорон Хьюстона”>
   
4. twitter: description - это описание контента, которым нужно поделиться, и его длина не должна превышать 200 символов, после чего Twitter будет урезан. Опять же, займитесь текстом, у вас здесь больше возможностей, чем у настоящего твита. Формат:
   <meta name = ”twitter: description” content = ”NEWARK - Список гостей и парад лимузинов со знаменитостями, выходящими из них, казались более подходящими для торжественного мероприятия в Голливуде или Нью-Йорке, чем песчаная полоса Суссекс-авеню возле бывшей сайт проекта государственного жилищного строительства James M. Baxter Terrace здесь. »>
   
5. twitter: image - это изображение, которое будет отображаться на карте Twitter, и должно быть квадратным изображением размером не менее 60 × 60 пикселей.
   <meta name = ”twitter: image” content = ”http://graphics8.nytimes.com/images/2012/02/19/us/19whitney-span/19whitney-span-articleLarge.jpg»>

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

Schema.Org (для Google+)

До недавнего времени я не понимал, что хотя Google+ по умолчанию будет использовать стандартные метаданные или теги Facebook Open Graph, платформа также дает веб-мастерам возможность указывать метаданные специально для Google+, используя Schema.org. Прелесть этого в том, что это Schema.org, вы можете использовать его практически для любого HTML-тега в контенте, который уже находится на странице.

1. Itemscope = ”[pageType]” - где [pageType] - это статья, блог, книга, событие, локальный бизнес, организация, человек, продукт или обзор.
2. itemprop = ”name” - действует как атрибут заголовка расширенного фрагмента и должен содержать не более 140 символов.
3. itemprop = ”description” - это описание расширенного фрагмента, которое должно содержать не более 185 символов.
4. itemprop = ”image” Это изображение расширенного фрагмента с оптимальным размером 180 x 120. Google+ уменьшит это изображение, но если оно будет слишком маленьким, оно не будет отображаться.
   

Формат:

В то время как все другие типы метаданных находятся в разделе кода <head>, этот код потенциально будет находиться в разных местах на сайте. Вот пример ( от Google ) как это можно было бы использовать.

Google+ ищет метаданные в следующем порядке: Schema.org> Facebook OpenGraph> Стандартные метаданные> Best Guess from Scraping. Увидеть Документация фрагмента Google+ для дополнительной информации.

Итак ... где мета ключевые слова?

Я должен признать, что обсуждение мета-ключевых слов - моя любимая мозоль, и я оцениваю там людей, говорящих «SEO-оптимизация» или «Банкоматы», но так как это часто встречается с клиентами, я решил, что стоит упомянуть здесь. Мета-ключевые слова не имеют положительного значения для любой крупной поисковой системы. особенно не гугл (проверьте ссылку, они сказали это официально в 2009 году). Bing использует их, чтобы определить, являетесь ли вы спамом или нет Но кроме этого, единственная причина, по которой у страницы должны быть мета ключевые слова, заключается в том, что внутренняя поисковая система требует их. Однако, если это так, я бы посоветовал вам рассмотреть новую систему управления контентом или опираться на Пользовательский поиск Google Ведь это бесплатно.

�� А Рел-канонический?

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

Несколько прощальных подарков (букмарклетов)

К сожалению, такие инструменты, как Mozbar и Screaming Frog, в настоящее время не обрабатывают социальные метаданные, поэтому я разработал несколько букмарклетов, чтобы помочь с этой причиной. Просто перетащите следующие ссылки на панель закладок, и все будет хорошо. Wordpress доставляет мне проблемы с закладками, поэтому просто создайте новую закладку, скопируйте и вставьте следующий код в поле «Местоположение» или «URL».

• Открыть помощник по графику [code type = ”javascript”] javascript: (function () {function d () {window.alert («Извините, отчет не может быть запущен.»)} Var a = document.createElement («script» ); a.setAttribute («src», «http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js»); a.setAttribute («id», «iprReportQuery» ); document.getElementsByTagName («head») [0] .appendChild (a); var b = 0; var c = setInterval (function () {var a = document.getElementById («iprReportQuery»); window.console.log (a); var e = typeof a == «undefined»; if (! e) {var f = jQuery.noConflict (true); var g = typeof f == «undefined»; window.console.log (f) ; if (! g) {clearInterval (c); window.console.log (было вставлено «jQuery» + f.fn.jquery + ».); f (document) .ready (function (a) {var description) = a ('meta [property | = ”og: description”]'). attr ('content') || ”; console.log ('description is' + description); var title = a ('meta [property | = ”Og: title”] '). Attr (' content ') || ” ; console.log ('title is' + title); var image = a ('meta [property | = ”og: image”]'). attr ('content') || «; console.log («изображение есть» + изображение); var url = a ('meta [property | = ”og: url”]'). attr ('content') || «; console.log ('url is' + url); var qStr = encodeURI («description =» + description + «& title =» + title + «& image =» + image + «& url =» + url); var e = «http://www.ipullrank.com/tools/og-parse.php?» + qStr; window.console.log (е); var g = '

  «; Е. ( «Тело») добавить (г); f («# iprCloseMe»). bind («click», function () {f («# reportWindow»). fadeOut («slow»)}); f («# reportWindow»). fadeIn («медленно»)}); возврат} ++ b; if (b == 10) {clearInterval (c); window.console.log («Извините, сейчас я не могу внедрить jQuery.»); d ()}}}, 500)}) () [/ code]

• Помощник по работе с карточками Twitter [code type = ”javascript”] javascript: (function () {function d () {window.alert («Извините, отчет не может быть запущен.»)} Var a = document.createElement («script» ); a.setAttribute («src», «//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js»); a.setAttribute («id», «iprReportQuery»); document.getElementsByTagName («head») [0] .appendChild (a); var b = 0; var c = setInterval (function () {var a = document.getElementById («iprReportQuery»); window.console.log (a ); var e = typeof a == «undefined»; if (! e) {var f = jQuery.noConflict (true); var g = typeof f == «undefined»; window.console.log (f); if (! g) {clearInterval (c); window.console.log (было введено «jQuery» + f.fn.jquery + ».); f (документ) .ready (function (a) {var description = a (
  [/код]

Также вы можете использовать Собственный инструмент тестирования структурированных данных от Google для проверки ваших данных Schema.org.

Итак, скажите мне, что вы думаете о метатегах, без которых не может жить ни одна страница?

Похожие

Комментарии