2016-08-18 9 views
1

Наш сайт содержит отдельные страницы изображений. Чтобы получить красивые изображения в социальных сетях, я установил почти все необходимые метатеги OpenGraph (og:). Вот они:Метатеги Open Graph работают не так, как ожидалось

<title>Some title</title> 
<meta name="description" content="Some description"> 
<meta property="og:site_name" content="CompanyName">    
<meta property="og:title" content="Photo by @someuser">     
<meta property="og:image" content="https://cdn.companydomain.com/209114427002202.jpg">  
<meta name="medium" content="image">      
<meta property="og:type" content="mycompanynamespace:photo"> 
<meta property="og:description" content="Some slogan">    
<meta property="fb:app_id" content="108569252539534">     
<meta property="og:url" content="https://companydomain.com/image/2030203020320302"> 

Однако он не работает должным образом. Что это показывает только имя домена по:

enter image description here

То, что я хочу, чтобы установить его, чтобы быть как Instagram. Какая магия позади конфигурации Instagram? И как установить логотип для правого нижнего угла?

enter image description here

+4

_ «Что магия позади Instagram„конфигурации“?» _ - большая часть времени, что магия называется, «будучи собственность Facebook, и для этого в состоянии делать такие вещи, другие , Сторонние приложения не могут. » – CBroe

ответ

1

инженер, у вас есть 2 ситуации здесь:

  1. Handling Open Graph мета-теги: https://stackoverflow.com/a/19313817/854222
  2. Bootstrap Hover Изображение: https://miketricking.github.io/dist/

Вы должны быть способный обрабатывать метатеги для отображения t с помощью наложения CSS, как опция # 2.

Надеется, что это помогает ...

+0

Спасибо за ответ. Я думаю, вы неправильно поняли мой вопрос. Я не хочу реализовывать свои собственные представления совместного доступа (например, как люди в чатах, форумах, комментариях и т. Д.) На основе тегов og. Я просто хочу настроить теги og для своей страницы так, что это было показано в социальных сетях, которые не так бедны (см. Мою фотографию, это просто домен и некоторая стрелка), но, как и Instagram (см. Прилагаемое изображение выше) – Engineer

+0

Инженер, чтобы добавить дополнительную информацию о нижнем колонтитуле изображения, помимо домена и стрелки, которые есть прямо сейчас, вы можете работать с добавлением разных элементов, как это показано, например, в примере наведения # 10 в: https: // miketricking. github.io/dist/ –

+0

Спасибо. Опять же, вы неправильно поняли мой вопрос. Я просто хочу «убедить» facebook или другие социальные сети, чтобы отображать мои общие страницы веб-сайта с выбранными мной значками и текстом. – Engineer