Jump to content
Sign in to follow this  
viiprogrammer

Meta tags для социальных сетей

Recommended Posts

Всем привет!

 

Хочу с вами поделится как же сделать чтобы в социальных сетях красиво постились ссылки ваших сайтов как на картинке ниже

 

post-6-0-91580400-1464201190_thumb.png

 

И так начнем с того что Meta теги должны быть в теге <head></head>, у Vii это в начале main.tpl

 

Рассмотрим каждый тег по отдельности

 

Данный тег задаёт название т.е сылку Twitter на скриншоте выше

<meta property="og:title" content="Twitter" />

Картинку задаёт

<meta property="og:image" content="main.jpg" />

А описание

<meta property="og:description" content="Описание...." />

И того мы получим такую картину

<meta property="og:title" content="Название сайта в социальных сетях" />
<meta property="og:image" content="Ссылка или путь к главной картинке" />
<meta property="og:description" content="Описание вашего сайта в социальных сетях" />
  • Upvote 1

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

×