2016-01-13 7 views
0

У меня есть сайт и добавлены соответствующие метатеги. Инструмент отладки Facebook (https://developers.facebook.com/tools/debug/og/object/) даже показывает правильное изображение, которое втягивается. Но по какой-то причине предварительный просмотр доли ссылки искажен. Когда я вставляю ссылку, она хорошо выглядит, когда я редактирую сообщение, но тогда он показывает только увеличенную часть нижней половины изображения.Ссылка на изображение ссылки в Facebook искажается

Любые идеи? Я в недоумении.

<head> 
<meta http-equiv="content-type" content="text/html; charset=utf-8"> 
<title data-ng-bind-template="{{ vm.getPageTitle() }} - Still Memories Photography">Home - Still Memories Photography</title> 
<meta name="description" content="Still Memories Photography. Portrait and wedding photographer located in Arvada Colorado."> 
<meta name="viewport" content="width=device-width initial-scale=1 maximum-scale=1 user-scalable=no"> 
<meta property="og:image" content="http://www.stillmemories.photography/Images/Assets/liasnow.jpg"> 
<meta property="og:title" content="Still Memories Photography"> 
<meta property="og:description" content="Portrait and wedding photographer located in Arvada, Colorado."> 
<meta property="og:url" content="http://www.stillmemories.photography"> 
<link href="/Content/css?v=E9KngqeJrvXl3d3KXxzuuUi9weaFZmoTKRiDWp8qamI1" rel="stylesheet"> 
</head> 

ответ

0

Решение должно было увеличить изображение. Facebook рекомендует использовать как минимум 50x50 пикселей, который значительно превысил (мой был 321x220). Но по какой-то причине он считал это маленьким и растягивал его далеко пропорционально. Обязательно используйте большое изображение.

+0

Не знаете, где у вас 50x50 пикселей, но минимальный размер изображения был уже 200x200 пикселей уже давно. https://developers.facebook.com/docs/sharing/best-practices#images – CBroe

Смежные вопросы