Мета-теги для URL с описанием и изображением (в Skype, Discord)
Да - это возможно и требование для любого типа нетривиального размера сайта.
Общий способ делать такие вещи без слишком сложного заключается в этом. В ваших файлах HTML вы включаете некоторые шаблоны. Эти шаблоны контролируют общий внешний вид вашего сайта. Все ваши HTML-файлы содержат те же шаблоны. Если вы хотите что-то другое на определенной странице, вы переопределяете свои шаблоны в этом конкретном html-файле.
В результате он выглядит следующим образом:
my content in here.
В вашем style.css и вашем custom.js вы можете пойти в городскую настройку. Вы можете добавить больше таблиц стилей и больше скриптов javascript по мере необходимости. Большинство сайтов имеют больше стиля и javascript, чем контент.
Моим любимым сайтом, чтобы узнать об этих технологиях, является Mozilla Developer Network , но есть и множество других больших ресурсов.
1 ответ
<meta property="og:title" content="Site Title" />
<meta property="og:type" content="website" />
<meta property="og:url" content="http://my.site.com" />
<meta property="og:image" content="http://my.site.com/images/thumb.png" />
<meta property="og:description" content="Site description" />
И изображение, отображаемое в качестве предварительного просмотра ссылки в Skype, является изображением большого пальца, указанным в og: image (которое больше нигде не доступно на странице).
Имейте в виду, что Skype также может кэшировать информацию.