Как связать микроразметку для ссылки соцсети с кнопкой шаринга? - HTML и CSS

Admin2 · 19.08.2016, 21:07

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

Это код микроразметки для ссылки. Код расположен вначале страницы.

Код HTML:

<meta property="og:site_name" content="Сайт.ру"/>
<meta name="twitter:site" content="Сайт.ру"/>
<meta name="twitter:title" content="Контент">
<meta name="twitter:description" content="Описание"/>
<meta name="twitter:image:src" content="http://.../share.jpg"/>
<meta name="twitter:domain" content="Сайт.ру"/>

А вот сам код кнопки шаринга для твиттера. Код расположен в конце страницы.

Код HTML:

<li class="ya-share__item ya-share__item_service_twitter">
    <a class="ya-share__link" href="https://twitter.com/intent/tweet?...;hashtags=&amp;utm_source=share" rel="nofollow" target="_blank" title="Twitter">
        <span class="ya-share__badge">
            <span class="ya-share__icon"></span>
        </span>
        <span class="ya-share__title">Twitter</span>
    </a>
</li>

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

Naive · 19.08.2016, 21:45

Цитата:

Сообщение от Admin2

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

все пихай и не парься) Я лично юзаю share42, просто урезая скрипт под конкретную верстку.

Admin2 · 19.08.2016, 22:01

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

19.08.2016, 21:07	#1
Admin2 Пользователь Регистрация: 13.10.2008 Сообщений: 40	Как связать микроразметку для ссылки соцсети с кнопкой шаринга? Не могу разобраться по какому принципу в коде страницы определяется какой отрезок микроразметки брать при нажатии на кнопку шаринга (например, твиттер). Это код микроразметки для ссылки. Код расположен вначале страницы. Код HTML: <meta property="og:site_name" content="Сайт.ру"/> <meta name="twitter:site" content="Сайт.ру"/> <meta name="twitter:title" content="Контент"> <meta name="twitter:description" content="Описание"/> <meta name="twitter:image:src" content="http://.../share.jpg"/> <meta name="twitter:domain" content="Сайт.ру"/> А вот сам код кнопки шаринга для твиттера. Код расположен в конце страницы. Код HTML: <li class="ya-share__item ya-share__item_service_twitter"> <a class="ya-share__link" href="https://twitter.com/intent/tweet?...;hashtags=*&utm_source=share" rel="nofollow" target="_blank" title="Twitter"> <span class="ya-share__badge"> <span class="ya-share__icon"></span> </span> <span class="ya-share__title">Twitter</span> </a> </li> Допустим, таких ссылок с микроразметкой несколько. Как в коде определить, что при клике по этой кнопке необходимо использовать эту микроразметку, а не другую? Последний раз редактировалось Admin2; 19.08.2016 в 21:09.*

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Соцсети	nXs	PHP	5	15.09.2013 09:26
Увеличить количество символов названия группы в соцсети	CCC	Фриланс	5	30.09.2012 18:06
Как написать событие на получение фокуса кнопкой?	chandrasecar	Общие вопросы Delphi	5	30.06.2010 19:25
HTML форма с двумя полями для текста и кнопкой типа submit.	DiSpalL	HTML и CSS	5	02.06.2009 12:59
Как работать с правой кнопкой мыши?	ZeRRon	Помощь студентам	4	28.12.2007 18:45

19.08.2016, 22:01	#3
Admin2 Пользователь Регистрация: 13.10.2008 Сообщений: 40	Я это кодить не буду, но мне важно просто понять сам процесс как это взаимодействует в коде страницы. Куски кода я взял с живого сайта. И вот не могу понять где во втором отрезке кода указано, что нужно брать информацию с первого, а не с какого либо еще? Они ведь даже расположены не в одном каком-то блоке, а в разных концах html-кода. Походу, скрипты как-то отслеживают клик и берут нужные данные из микроразметки?