Explanation and examples of the most important meta tags for your website
Meta tags are pieces of information in HTML that tell search engines, social networks, and browsers how to interpret and display your page. Although meta tags aren’t directly visible to visitors, they have a huge impact on SEO, social media appearance, and user experience across devices. In this article, we’ll discuss the most important meta tags, their purposes, and provide clear code examples so you can implement them right away on your own site.
1. Charset: The Basics
The first meta tag in any HTML page should specify the charset. This tells the browser which character encoding to use so that letters and special characters are displayed correctly.
<meta charset="UTF-8">By using UTF-8, you’ll cover almost all languages and symbols. Always place this tag first in the <head>.
2. Viewport: mobile-friendly
To make your site scale well on mobile devices, use the viewport meta tag. This tells the browser how to set the window.
<meta name="viewport" content="width=device-width, initial-scale=1.0">This ensures that your page is not loaded zoomed or zoomed out, but fits exactly to the user's screen.
3. Title & Description: SEO essentials
The <title> is essential for search engines and appears as the title in the search results and tab of the browser. The meta description provides a short summary and can be displayed in Google under the title.
<title>Important Meta Tags for Your Website</title>
<meta name="description" content="Learn which meta tags are essential for SEO, social media and user experience. Including clear code examples.">Keep titles under 60 characters and descriptions around 150-160 characters for optimal display.
4. Robots: Crawl Instructions
The robots meta tag instructs search engines whether they can index your page and follow links.
<meta name="robots" content="index, follow">Use noindex to keep pages out of search results, such as privacy or thank you pages:
<meta name="robots" content="noindex, nofollow">5. Canonical: Preventing Duplicate Content
If the same content is accessible under multiple URLs, you may run into duplication issues. With the canonical link, you point search engines to the preferred URL.
<link rel="canonical" href="https://www.example.com/meta-tags-explanation">This consolidates link value and prevents competition between your own pages.
6. Open Graph: social media previews
Social networks like Facebook and LinkedIn use Open Graph tags to determine how your page looks when someone shares a link. Without these tags, incorrect or unattractive images and titles are sometimes retrieved.
<meta property="og:title" content="Important Meta Tags for Your Website">
<meta property="og:description" content="Learn which meta tags are essential for SEO, social media and user experience.">
<meta property="og:image" content="https://www.example.com/images/og-preview.jpg">
<meta property="og:url" content="https://www.example.com/meta-tags-uitleg">
<meta property="og:type" content="article">Make sure the image is at least 1200×630 pixels for optimal display.
7. Twitter Cards: Optimized Tweets
Twitter uses its own tags to display tweet previews. You can choose from several card types; the summary_large_image shows a large image.
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Important Meta Tags for Your Website">
<meta name="twitter:description" content="Learn which meta tags are essential for SEO and social media."\>
<meta name="twitter:image" content="https://www.example.com/images/twitter-card.jpg">Verify your site in the Twitter Card Validator to test that everything is working properly.
8. Author & Publisher
The author tag lets you specify the author of the article, which helps with content attribution:
<meta name="author" content="Your Name">And with the publisher tag (for Google+) you could link your Google+ page, but this has become less relevant after Google+ was phased out.
9. Viewport & Format Detection
Sometimes you don't want to make phone numbers automatically clickable on iOS. Then you use:
<meta name="format-detection" content="telephone=no">And for browser specific optimizations tags still exist, such as theme-color for Android Chrome:
<meta name="theme-color" content="#2c3e50">10. Summary and best practice
A good head contains at least the charset, viewport, title, description, robots and canonical tags. For social media, add Open Graph and Twitter Cards. Specifications such as author, format-detection and theme-color further refine the user experience. Test your implementation with tools like the Structured Data Testing Tool and the Twitter Card Validator.
By consciously using meta tags, you not only improve your SEO and social previews, but you also ensure a more professional and user-friendly website.
Do you want more visitors, customers and turnover from other countries? Then translating your website is a smart move. It helps you to be found better internationally in search engines such as Google, Bing and others...
Why alt texts are important for SEO and accessibility
Images make your website more visually appealing. They attract attention, clarify your message and increase visitor engagement...
Improve your SEO with H1 H2 H3 and other heading tags
If you have a website, it is important that your pages are well structured. Not only for your visitors, but also for search engines like Google...
Prevent duplicate content with Canonical Tags
SEO is not just about good keywords and backlinks, but also about technical optimization. An important part of this is the use of the canonical tag...
Boost your SEO with Structured Data via JSON LD
If you want your website to be more visible in Google, it is important not only to write good content, but also to help search engines understand your content. A powerful way to do that is with structured data via JSON-LD...
Why having your website tested by others is important
Your website looks good, works fine and the content is all finished. Time to go live, right? Not quite...
Make it clear to search engines what language your website is in
If you create a website in Dutch, it is important to make this clear to search engines. You can do this with a simple addition to the HTML code of your website: lang="nl"...
SEO friendly URLs tips and examples
A well-structured URL is important for both search engines and users. In this article, you’ll learn how to create SEO-friendly URLs and how to use a .htaccess file to rewrite dynamic URLs into readable versions. Why are SEO-friendly URLs important? SEO-friendly URLs help search engines better understand the content of your page...
Explanation and examples of the most important meta tags for your website
Meta tags are pieces of information in HTML that tell search engines, social networks, and browsers how to interpret and display your page. Although meta tags aren’t directly visible to visitors, they have a huge impact on SEO, social media appearance, and user experience across devices...
Make your website stand out in search results with rich snippets
In a sea of search results, you want to stand out. Rich snippets show additional information in search engines like Google, such as star ratings, prices or recipes, so users can see what they are looking for more quickly and click on your result. What are rich snippets? Rich snippets are enriched search results that show more context than just the title and meta description...
Black Hat SEO is the fast track to the top and the abyss
The world of search engine optimization (SEO) is all about improving your website so that it can be found more easily in search engines like Google. Many companies use honest, sustainable methods to improve their rankings...
How to approach link building smartly
If your website wants to rank higher in Google, good content and a fast site are not enough. There is another powerful element that often makes the difference between page 2 or place 1 in the search results: link building. Link building is the process of obtaining links to your website from other websites...
Why smart keywords make all the difference
If you have a website, you want people to find it. Not just any people, but your target audience: customers, readers or people interested in what you offer...
Most websites can easily be taken to a higher level by first getting the most basic SEO in order. My free SEO Checker checks for you whether your website meets these basic requirements, or whether there is still room for improvement.
Use my free SEO Checker now
Enter the URL of your website and see where you can improve your website. Please note: A 100% score only means that you have the basic SEO for the page in question in order. For more tips, I would like to invite you to read all my articles.
