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

Question

Я создал новую веб-страницу, на которой есть блог. Как я могу получить привлекательный предварительный просмотр веб-сайта, который я вижу, когда делюсь ссылками с NY Times и других сайтов? Это мой сайт www.denisejames.dev Это текущий вид

введите описание изображения здесь

Я хотел бы добавить изображение и заголовок.

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

Answer 1

Я полагаю, вы делитесь своим сайтом на Facebook. Когда вы поделитесь ссылкой на Facebook, вы получите предварительный просмотр изображения, которое есть на сайте в верхнем меню. У вас есть заголовок в верхней части вашего веб-сайта, но вместо этого у New York Times есть svg. Svg - это масштабируемая векторная графика, поэтому это символ graphi c. После того, как вы замените этот текст, который у вас есть (Дениз Джеймс), изображением, gif, элементом svg или чем-то подобным, у вас тоже будет предварительный просмотр.