Социальные мета-теги, когда несколько статей на одной странице

Question

Это моя первая попытка использования кнопок социальных сетей на классическом веб-сайте HTML (не CMS).

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

Чего я не понимаю, так это о том, как поделиться определенной статьей, только если у вас есть десять статей на одной странице. Все учебники, которые я прочитал о кнопках общего доступа, посвящены целой веб-странице, но я хотел бы поделиться определенным разделом страницы для каждой кнопки, а не для всей страницы (одна страница = 10 статей = 10 кнопок общего доступа). Как бы я этого достиг?

Спасибо.

(Бонусный вопрос: разделяют ли социальные мета-теги FB, twitter и linkedin или они предназначены только для FB?)

Answer 1

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

Решение требует создания отдельных страниц для каждой конкретной статьи, имеющих свои собственные теги og:. Затем на вашей странице, где перечислены 10 статей, у каждой есть кнопка "Поделиться", где ссылка указывает на конкретную страницу статьи, например <a href="https://www.facebook.com/sharer/sharer.php?u=http://yoursite.com/article1.html">,

Когда кто-то нажимает кнопку "Поделиться", Facebook будет сканировать целевой URL для тегов og:, а не страницу, на которой вы сейчас находитесь.

В вашем случае решение довольно простое, поскольку у вас уже есть отдельные страницы для статей. У меня немного сложнее, потому что мне нужно создавать дополнительные страницы, на которые не будут переходить с моего сайта, но которые существуют для Facebook для сканирования (и для отображения нужного контента, когда люди приходят через социальные сети).