Question 1

Why is the viewport meta tag so important?

Accepted Answer

The viewport meta tag (<meta name="viewport" content="width=device-width, initial-scale=1">) tells mobile browsers to render the page at the device's actual width rather than a desktop-sized virtual viewport. Without it, responsive CSS breakpoints do not work correctly and users must pinch-zoom to read content.

Question 2

How long should the meta description be?

Accepted Answer

Keep the meta description under 150–160 characters. Google truncates longer descriptions in search results. Write a clear, action-oriented sentence that describes the page's value and includes your primary keyword naturally. Duplicate meta descriptions across pages hurt CTR and are penalised by search engines.

Question 3

What is the charset meta tag and which value should I use?

Accepted Answer

declares the character encoding for the HTML document. UTF-8 supports virtually all human writing systems and is the universal standard for the web. Always place it as the very first tag inside so the browser knows the encoding before parsing any other content.

Question 4

When should I use robots meta noindex or nofollow?

Accepted Answer

Use noindex to prevent a page from appearing in search results (e.g. staging, duplicate content, thank-you pages). Use nofollow to tell crawlers not to follow links on the page. noindex,nofollow together is the strongest way to exclude a page. For individual links, prefer the rel="nofollow" attribute on the <a> tag instead.

Question 5

What does the theme-color meta tag do?

Accepted Answer

Meta Tag Generator

Frequently Asked Questions

Comments & Feedback