Essential meta tag for your website.
Welcome to Gitcodelab...
Today, we're diving into the world of essential meta tags for your website. Meta tags play a crucial role in optimizing your website's performance, visibility, and user experience across search engines and devices.
Let's explore the key meta tags that every website owner should know about:
1. Author Tag:
<meta name="author" content="Your Name">
This tag specifies the author of the webpage. It's useful for giving credit to the content creator or site owner.
2. Viewport Tag (for mobile):
<meta name="viewport" content="width=device-width, initial-scale=1.0">
This tag ensures proper scaling and rendering of the webpage on mobile devices by setting the viewport width to the device's width and initial scale to 1.0.
3. Language Tag:
<meta http-equiv="Content-Language" content="en">
This tag specifies the language of the webpage's content. It helps search engines and browsers understand the language used on the page.
4. Open Graph Tags (for social media):
<meta property="og:title" content="Your Page Title">: Specifies the title of the shared content.<meta property="og:description" content="Your meta description here">: Specifies the description of the shared content.<meta property="og:image" content="https://www.example.com/image.jpg">: Specifies the image to be displayed alongside the shared content.
These tags are used to customize how content appears when shared on social media platforms like Facebook.
5. Twitter Card Tags (for Twitter):
<meta name="twitter:card" content="summary_large_image">: Specifies the type of Twitter card to be used.<meta name="twitter:site" content="@yourtwitterhandle">: Specifies the Twitter handle associated with the website.<meta name="twitter:title" content="Your Page Title">: Specifies the title of the shared content.
These tags are similar to Open Graph tags but are specifically used for customizing how content appears when shared on Twitter.
6. Google Site Verification Tag:
<meta name="google-site-verification" content="your-verification-code">
This tag verifies ownership of the website for Google Search Console. It's used to gain access to website analytics and other tools provided by Google.
7. Title Tag:
<title>Your Page Title</title>
This is the title of your webpage that appears in search engine results. Keep it concise, descriptive, and relevant to the content of the page. Aim for 50-60 characters.
8. Meta Description Tag:
<meta name="description" content="Your meta description here">
A brief summary of the content of your webpage, typically displayed beneath the title in search results. Make it compelling, informative, and within 150-160 characters.
9. Meta Keywords Tag (optional):
<meta name="keywords" content="keyword1, keyword2, keyword3">
While not as important as it once was, some search engines may still use this tag to understand the content of your page. Include relevant keywords separated by commas.
10. Meta Robots Tag:
<meta name="robots" content="index, follow">
This tag instructs search engine crawlers on how to index and follow links on your webpage. Options include "index" (allow indexing), "noindex" (prevent indexing), "follow" (follow links), and "nofollow" (do not follow links).
11. Canonical Tag:
<link rel="canonical" href="https://www.example.com/your-page">
If you have duplicate content on your site or similar pages, use this tag to specify the preferred URL for search engines to index.
12. Charset Tag:
<meta charset="UTF-8">
Defines the character encoding for your webpage, ensuring proper display of text. UTF-8 is the most common encoding and supports a wide range of characters.
