Basic Meta Tags For All Websites

 

✅Basic Meta Tags

Sets character encoding to UTF-8 (supports all languages).

  • <meta charSet="utf-8" />

Makes the website responsive on mobile devices.

  • <meta name="viewport" content="width=device-width, initial-scale=1.0" />

Defines content language (English).

<meta httpEquiv="content-language" content="en" />


✅ SEO & Crawling Meta Tags

Allows search engines to index and follow links.

<meta name="robots" content="follow, index" />

Similar, but specifically tells bots not to use Open Directory (DMOZ) or Yahoo Directory descriptions.

  • <meta name="robots" content="index,follow,noodp,noydir" />

Specific instruction for Googlebot to index and follow links.

  • <meta name="googlebot" content="index, follow" />

Provides the SEO meta description shown in search engine results. Crucial for CTR.

  • <meta name="description" content="" key="desc />

Defines keywords related to the page. Not as important nowadays but still useful.

  • <meta name="keywords" content="" />

Prevents duplicate content issues by specifying the preferred (canonical) URL.

  • <link href="https://example.com" rel="canonical" />


✅Ownership & Verification Meta Tags

Verifies site ownership in Google Search Console.

  • <meta name="google-site-verification" content="..." />

Verifies site ownership in Yandex Webmaster Tools.

  • <meta name="yandex-verification" content="..." />

Verifies domain with Facebook Business Manager.

  • <meta name="facebook-domain-verification" content="..." />

Verifies ownership in Microsoft Bing Webmaster Tools.

  • <meta name="msvalidate.01" content="..." />

Specific verification (depends on the service using it).

<meta name="impact-site-verification" value="..." />


✅Open Graph (OG) Meta Tags – For Social Sharing

Defines type of content (website, article, etc.).

  • <meta property="og:type" content="website" />

Shows site name when shared on platforms like Facebook.

  • <meta property="og:site_name" content="" />

Sets the title when shared. Currently, yours is empty — you should add a title!

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

Description shown on social shares — currently empty, needs filling.

  • <meta property="og:description" content="" />

Defines the image shown in social shares.

  • <meta property="og:image" content="" />

Width of OG image.

  • <meta property="og:image:width" content="1200" />

Height of OG image.

  • <meta property="og:image:height" content="628" />

Facebook app ID for analytics & tracking.

  • <meta property="fb:app_id" content="..." />

Specifies URL for sharing.

  • <meta content="https://example.com" property="og:url" />


✅Twitter Card Meta Tags – For Twitter Sharing

Tells Twitter to display a large summary image card.

  • <meta name="twitter:card" content="summary_large_image" />

Your Twitter handle.

  • <meta name="twitter:site" content="@userName" />

Title displayed on Twitter cards.

  • <meta name="twitter:title" content="" />

Description shown on Twitter.

  • <meta name="twitter:description" content="" />

Image shown in Twitter cards.

<meta name="twitter:image" content="" />


✅Progressive Web App & Theme Meta Tags

Links to the PWA manifest file (for app-like behavior).

  • <link rel="manifest" href="/manifest.json" />

Sets browser toolbar color on mobile devices.

  • <meta name="theme-color" content="#ffffff" />

Name of the web app when installed.

  • <meta name="application-name" content="" />


✅General Info Tags

Indicates site is intended for a global audience.

  • <meta name="distribution" content="Global" />

Specifies worldwide coverage.

  • <meta name="coverage" content="Worldwide" />

Content suitable for general audience.

  • <meta name="rating" content="General" />

Sets the author name.

  • <meta name="author" content="" />

Defines site owner.

  • <meta name="owner" content="" />

Copyright notice.

  • <meta name="copyright" content="Copyright © " />


Note: To use image url at meta tags, best choice is use Cloudinary


You may hire my through Upwork or directly to optimize your website.

Previous Post
No Comment
Add Comment
comment url