✅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.
No comments:
Post a Comment