Есть ли способ изменить предварительный просмотр ссылок на социальные сети? - PullRequest
Новая
       53

Есть ли способ изменить предварительный просмотр ссылок на социальные сети?

0 голосов
/ 16 апреля 2020

Я размещаю свой веб-сайт stati c в Google Storage с доменом, купленным у Godaddy, и изменил серверы имен на CloudFlare для обеспечения безопасности SSL. Когда я пытаюсь поделиться своим веб-сайтом в социальных сетях, показанный ниже предварительный просмотр изображения отображается ниже. Мои метатеги в заголовке моего сайта также отображаются ниже. Я гуглил, поговорил с Godaddy, проверил документацию по CloudFlare, нет четкого решения моей проблемы предварительного просмотра общего изображения.

HTML Код заголовка 

<!--  Meta  -->
<!-- Primary Meta Tags -->
<title>Virtual HBCU</title>
<meta name="title" content="Virtual HBCU">
<meta name="description" content="Explore virtual HBCU tours and exhibits.">

<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://virtualhbcu.com">
<meta property="og:title" content="Virtual HBCU">
<meta property="og:description" content="Explore virtual HBCU tours and exhibits.">
<meta property="og:image" content="https://virtual-hbcu.s3.eu-west-2.amazonaws.com/OG+VIRTUAL+HBCU.png">

<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="https://virtualhbcu.com">
<meta property="twitter:title" content="Virtual HBCU">
<meta property="twitter:description" content="Explore virtual HBCU tours and exhibits.">
<meta property="twitter:image" content="https://virtual-hbcu.s3.eu-west-2.amazonaws.com/OG+VIRTUAL+HBCU.png">

Что отображается в социальных сетях ...

URL Shortener error

Как решить проблему предварительного просмотра изображения в социальных ссылках?

Предварительный просмотр изображения должен выглядеть следующим образом ...

Desired Image

Редактировать: постоянное перенаправление ... enter image description here

1 Ответ

1 голос
/ 16 апреля 2020

Я поменял домен на example.com, чтобы сделать этот ответ более общим - переключите его обратно при тестировании и внедрении.

Проблема здесь в том, что www.example.com указывает на ваш реальный веб-сайт, но example.com (без www.) перенаправляет вас на другой сайт - в данном случае это 404 с сокращением URL. Даже если в социальных сетях ссылка, которую вы вводите, начинается с www., свойства <meta> og:url и twitter:url говорят социальным сетям игнорировать это и использовать вместо них указанную версию не-www..

Проверьте в своей записи DNS имя www в Cloudflare - где-то что-то неправильно настроено, возможно, опечатка в IP. Это также может быть неправильно настроено у вашего хостинг-провайдера.

Вы также должны обновить теги <meta>, чтобы использовать URL-адреса в соответствии с тем, где фактически отображается страница.

Вы можете добавить страницу Правило в Cloudflare перенаправляет не-1022 * версию вашего сайта на www. версию. Если URL-адрес соответствует example.com/*, используйте URL-адрес переадресации с перманентным перенаправлением 301 на https://www.example.com/$1, где $1 - это первое появление * в вашем правиле.

...