Производство веб -страницы WebJX Введение: Расскажите поисковые системы больше информации с богатым веб -суммированием и структурированными тегами (RDFA).
Как мы все знаем, поисковые системы (Google Baidu) являются обязательным местом для многих интернет-поставщиков. Будь то поставщик электронной коммерции или поставщик контента, они очень ценят это поле битвы. С помощью различных методов SEO SEM вы можете получить щелчок от зрителя. Итак, с точки зрения пользовательского опыта, какие статьи мы можем сделать со стороны поисковой системы? Может быть, многие думают, что, кроме названия, описание, ключевые слова, мы больше не можем делать ничего, чтобы помочь поисковым системам понять эту страницу. На самом деле, вы ошиблись. Google дал нам возможность быстрее позволить вашим пользователям быстрее увидеть интересную полезную информацию на вашей странице при поиске.
Тогда как я могу это сделать? Представил тему:
Сводка обогащения веб -страницы (Microdata, Microformat и RDFA)Эта спецификация кажется очень абстрактной и обходит рот. Первоначальным значением английского является богатые фрагменты (микродаты, микроформаты и RDFA), которые, кажется, немного легче понять. Таким образом, когда речь заходит о обогащении фрагментов веб-страниц и структурированных данных, на самом деле являются фронтовые инженеры, которые редактируют исходный код HTML с использованием микродат, микроформирования и методов тегов RDFA (микродаты, микроформы и методы тегов RDFA), и передавать некоторую полезную информацию для поиска Engines (Google) как можно скорее, чтобы помочь Google и представить информацию о вашей веб-странице.
Кажется немного абстрактным и трудно понять, просто используя текстовые описания. Давайте посмотрим на пример ниже, и вы вдруг поймете это, ^Блюдо ^:
Douban использует RDFA, чтобы предоставить Google "1988 я хочу поговорить с этим миром"
Мы видим информацию, которую Google получает, когда ползает на странице, предоставленной Douban. Количество рейтингов в строке под названием RDFA, а затем играет роль ~~~
Итак, что сделали Дубаны, как они поговорили с боссом Google и как массовый веб -мастер, могут ли они поговорить с этим боссом? Ответ да. Конечно, Google поддерживает только следующие типы информации: комментарии, профили пользователей, продукты, торговую информацию, рецепты и события.
Вот три способа сообщить Google секрет вашей страницы.
Используйте Microdata, чтобы отметить контент и сообщить Google информациюMicrodata на самом деле является спецификацией, предложенной HTML5, типом содержимого тега для описания конкретного типа информации. Microdata определяет краткое описательное имя для элементов и атрибутов, используя простые свойства в тегах HTML (часто <pan> или <div>).
Вот простая структура HTML:
<div> Меня зовут Боб Смит, но люди называют меня Смити. Вот моя домашняя страница: <a href =/upload/201110/201110291316163nw.gif "loaded =" true "Original ="/files/allimg/110818/1750391.gif "oldblock =" inline "jquery1313662072609 =" 19 "/>
Google захватывает информационные легенды, предоставленные Micro Data
Когда вы используете Micro Data, вы должны обратить внимание на набор спецификации эталонного спецификации, то есть itemtype = http: //data-vocabulary.org/person, конечно, когда на вашей странице описывается другая информация
Отзывы (itemtype = http: //data-vocabulary.org/reviews) люди (itemtype = http: //data-vocabulary.org/person) (itemtype = http: //data-vocabulary.org/products). Организации (itemtype = http: //data-vocabulary.org/organizations) Рецепты (itemtype = http: //data-vocabulary.org/recipes) (itemtype = http: //data-vocabulary.org/events).Микроформии являются простыми спецификациями (называемыми объектами ), используемыми на веб -страницах, которые описывают конкретные типы информации. Как правило, микроформаты назначают краткое описательное имя объекте и его свойствам, используя атрибут класса в тегах HTML (часто & lt; span & gt; или & lt; div & gt;).
Вот простая структура HTML:
<div> <img src = www.example.com/bobsmith.jpg/> <strong> Bob Smith </strong> старший редактор ACME Reviews 200 Main St Desertville, AZ 12345 </div>
HTML -метки с микроформатами
<div class = vcard> <img class = photo src = www.example.com/bobsmith.jpg/> <strong class = fn> Bob Smith </strong> <span class = title> старший редактор </span> at <span class = org> acme reviews </span> <span class = adr> <span = streat-address> 200 Main Span> <pran> <pan = adr> <pran> 200 <span class = region> az </span> <span class = postal-code> 12345 </span> </span> </div>
Микроформии Человек Демо
Информация, полученная Google:
Google заполняется в Микроформат Информационной Легенда
При использовании микроформатов в качестве структурированного описания мы должны обратить внимание на класс =. Google получает структурную информацию через этот тег класса:
Отзывы (class = hreview) People (class = vcard) Продукты () Предприятия и организации (Class = VCARD Class = FN ORG) Рецепты (Class = Hrecipe) (Class = VEVENT).RDFA - это способ отметить контент и описать конкретный тип информации. Обычно RDFA использует простые атрибуты в тегах xhtml (часто & lt; span & gt; или & lt; div & gt;), чтобы назначить краткое описательное имя объектам и атрибутам.
Вот простая структура HTML:
<div> Меня зовут Боб Смит, но люди называют меня Смити. Вот моя домашняя страница: <a href =/upload/201110/20111029131617pr6.gif "loaded =" true "Original ="/files/allimg/110818/1750393.gif "oldblock =" inline "jQuery1313662072609 =" 23 "/>
Google Crulles Legend инфографики, предоставленная RDFA
Используйте RDFA для помещения и обратите внимание, что вы используете объявление пространства имен вначале. Начните структуру с XMLNS: v = http: //rdf.data-vocabulary.org/# объявление пространства имен и выберите другой тип для описания. Например, type = v: человек в примере выше. Обратите внимание, что при вызове объявления вы должны использовать конечную черту и #
Обзоры (typeof = v: обзор-агрегат) People (typeof = v: person) Продукты () Компании и организации (Typeof = V: Организация) Рецепты (typeof = v: recipe) События (typeof = v: событие) Видео. Это более особенное и будет обсуждаться позжеВышеуказанное кратко представляет три структурированные оценки. Конечно, каждый структурированный содержимый содержимое имеет описание различных атрибутов сущности. Я представлю это содержимое более подробно позже.