Open Graph Protocol - как заставить работать несколько историй на странице?
Open Graph Protocol - это новая методология хранения метаданных, чтобы сторонним сайтам (например, кнопка Facebook LIKE) было легче идентифицировать релевантный контент на вашей странице.
Это выглядит так:
<title>The Rock (1996)</title>
<meta property="og:title" content="The Rock" />
<meta property="og:type" content="movie" />
<meta property="og:url" content="http://www.imdb.com/title/tt0117500/" />
<meta property="og:image" content="http://ia.media-imdb.com/images/rock.jpg" />
Вопрос в том, что если у вас на странице несколько кнопок LIKE, каждая для отдельной статьи, как отличить метатеги Open Graph, принадлежащие этой статье, а не самой странице. Поскольку теги идут в заголовке, кажется, вы получаете только один набор на страницу.
Может ли Open Graph быть "пространством имен" или связан с содержимым страницы, а не с самой страницей?
5 ответов
Насколько я знаю, вы застряли - но если вы найдете способ, дайте мне знать!
Я работал над проектом, который должен был иметь несколько тегов Open Graph на странице - в конце концов, мы закончили тем, что урезали количество элементов, для которых мы нуждались в OG, чтобы у нас была только одна история на странице.
Каждый объект представлен уникальным URL, поэтому нет, несколько объектов не могут существовать на одной странице.
На одной странице может быть несколько одинаковых кнопок, но каждая из них должна быть настроена так, чтобы она указывала на отдельный URL-адрес с помощью href приписывать.
Вы можете сделать так, чтобы каждый из ваших URL-адресов объектов выполнял перенаправление JavaScript (window.location.href = new_url), чтобы перенаправлять пользователей, которые заходят на каждую из ваших страниц объекта, на одну видимую пользователю страницу.
Если каждая кнопка "Нравится" связана с элементом на той же странице, тогда заголовок каждого элемента может ссылаться на страницу только для этого элемента. Эта страница может содержать все метатеги для элемента, а кнопка "Мне нравится" будет использовать URL этой страницы. Я сделал это здесь http://cinema-shorts.org/past/(PS это первый правильный сайт, который я построил, так что если он сломан, пожалуйста, прости меня)
Все, что я могу думать об использовании <iframe>, Каждая статья будет иметь свою собственную страницу, подходящую для размещения внутри другой страницы. И тогда вы можете отобразить все эти статьи на главной странице.
Согласно этому сообщению, если каждый из ваших объектов имеет уникальный URL-адрес со своими собственными метатегами, можно делать то, что вы хотите. Есть предложенные решения. Один с iframe (не рекомендуется там) и один без него. Я не проверял их, но, вероятно, скоро сделаю это на моем сайте.