Search
 
SCRIPT & CODE EXAMPLE
 

HTML

adding meta social media tags

<!--  Essential META Tags -->
<meta property="og:title" content="European Travel Destinations">
<meta property="og:type" content="article" />
<meta property="og:image" content="http://euro-travel-example.com/thumbnail.jpg">
<meta property="og:url" content="http://euro-travel-example.com/index.htm">
<meta name="twitter:card" content="summary_large_image">

<!--  Non-Essential, But Recommended -->
<meta property="og:description" content="Offering tour packages for individuals or groups.">
<meta property="og:site_name" content="European Travel, Inc.">
<meta name="twitter:image:alt" content="Alt text for image">

<!--  Non-Essential, But Required for Analytics -->
<meta property="fb:app_id" content="your_app_id" />
<meta name="twitter:site" content="@website-username">
Comment

adding meta social media tags

the bare minimum <meta> tags for sharing on social media:

<meta property="og:title" content="European Travel Destinations">
<meta property="og:type" content="article" />
<meta property="og:description" content="Offering tour packages for individuals or groups.">
<meta property="og:image" content="http://euro-travel-example.com/thumbnail.jpg">
<meta property="og:url" content="http://euro-travel-example.com/index.htm">
<meta name="twitter:card" content="summary_large_image">

// Reconciling the guidelines for the image is simple: follow Facebook’s recommendation of a minimum dimension of 1200×630 pixels and an aspect ratio of 1.91:1, but adhere to Twitter’s file size requirement of less than 1MB.
to test -  Facebook Sharing Debugger and Twitter Card Validator.
Comment

meta tag for social media

<title>Meta Tags — Preview, Edit and Generate</title>
<meta name="title" content="Meta Tags — Preview, Edit and Generate">
<meta name="description" content="With Meta Tags you can edit and experiment with your content then preview how your webpage will look on Google, Facebook, Twitter and more!">
Comment

PREVIOUS NEXT
Code Example
Html :: buttons in video tag html 
Html :: Checkbox checked border square CSS 
Html :: laravel old request html div add style 
Html :: html favicon error code 
Html :: copyright sign in html 
Html :: html input radio 
Html :: how to break between characters in html 
Html :: m3u8 ffmpeg download 
Html :: html a href 
Html :: minmax length password 
Html :: html table cell border not showing 
Html :: tfoot renders after thead and before tbody 
Html :: turn of blur html canvas 
Html :: how to embed an image in html 
Html :: form with no action 
Html :: is input readonluy submit ? 
Html :: html auto redirect 
Html :: embed tag youtube 
Html :: html phone number validation pattern 
Html :: text limit in html 
Html :: bootstrap 4 selectpicker 
Html :: how to create input box in html 
Html :: bottstrap starter template 
Html :: textfield autocomplete off 
Html :: thymeleaf import in html 
Html :: how to slow speed of marquee in html 
Html :: difernce between innertextand neer html 
Html :: markdown color 
Html :: bootstrap 3 form template 
Html :: html select option disabled selected 
ADD CONTENT
Topic
Content
Source link
Name
3+1 =