Как получить кнопку «Google +1» для предварительного просмотра статьи, а не верхнего HTML-кода на странице? - PullRequest
Новая
       1

Как получить кнопку «Google +1» для предварительного просмотра статьи, а не верхнего HTML-кода на странице?

2 голосов
/ 16 августа 2011

Google Plus перечисляет все ваши +1 с небольшим предварительным просмотром веб-страницы, которая была + 1ed. Предварительные просмотры Techcrunch и Mashable подойдут в качестве первого предложения статьи, однако для меня это просто первый HTML-код на странице (в моем случае это навигация). Как я могу настроить таргетинг на статью для этого предварительного просмотра, а не на навигацию?

Я просмотрел API и не смог найти ничего, что могло бы сделать то, о чем я говорю.

Ответы [ 3 ]

1 голос
/ 14 сентября 2011

Что ж, у вас есть три варианта, чтобы G + не пытался сделать правильный выбор.

1) (предпочтительно) Разметьте свой сайт микроданными.Пожалуйста, обратитесь к http://schema.org и, возможно, к разделу справки Инструментов Google для веб-мастеров по микроданным и ресурсам Opera Developer.

Это будет выглядеть примерно так: 

<body itemscope itemtype="http://schema.org/Article">
  <h1 itemprop="name">Article Title</h1> <!-- snippet title -->
  <img itemprop="image" src="image-url"></img> <!-- the snippet icon -->
  <p itemprop="description">Snippet text.</p>
</body>

Идея состоит в том, чтобыотметьте части, которые вы уже используете в качестве основы для своего фрагмента.Yahoo, MS Bing, Google и некоторые другие поисковые системы будут стараться соблюдать это для своих фрагментов поиска, а также для будущих версий браузера, например, для закладок.

2) Используйте протокол Facebook Open Graph (который не является допустимым html, но делает ваши фрагменты совместимыми с «общими» файлами facebook).

Это будет выглядеть (вставьте это в ваш раздел) 

<meta property="og:title" content="Your snippet title"/>
<meta property="og:image" content="url://of-your-snippet-image.jpeg"/>
<meta property="og:description" content="Your snippet text goes here"/>

3) Установите заголовок иметатеги описания. 

<meta name="title" content="Your snippet title" />
<meta name="description" content="Your snippet text goes here">
1 голос
/ 21 сентября 2011

Google наконец-то выпустил, как это сделать. http://developers.google.com/+/plugins/+1button/#plus-snippet

0 голосов
/ 07 сентября 2011

Вам нужно использовать теги itemprop , чтобы сообщить +1, что вы хотите использовать.

Есть много способов сделать это:

Вы можете добавить следующие теги в свое объявление HTML: 

<html itemscope itemtype="http://schema.org/Article">

и затем добавьте следующие мета-дескрипторы: 

<meta itemprop="name" content="Your article's title" />
<meta itemprop="description" content="Your article's description or excerpt" />

и, наконец, добавьте это к изображению, которое вы хотите использовать: 

<img itemprop="image" src="image.jpg" />
...