Meta tags are pieces of code placed inside the <head> section of a web page's HTML that describe the page's "metadata." They don't appear directly in the body of the page; instead, they provide information to be read by browsers, search engines, and social platforms. Although users never see them, these tags have a major impact on how your page is presented in search results and social shares.
Of all the tags related to SEO, the two most important are the title tag and the meta description. Together they determine the snippet a user sees on the search engine results page (SERP)—in other words, the key factor in whether they decide to click through to your site.
Strictly speaking, <title> is not a meta tag, but it is one of the most important SEO elements in the head section, so it's conventionally discussed alongside meta tags. It appears in three places: the blue headline in search results, the title of the browser tab, and the default title when a link is shared.
When Google displays a search result title, it truncates based on "pixel width" rather than a fixed character count. For English, this is roughly 50 to 60 characters; for languages with wider characters, such as Chinese, you should keep it within about 30 full-width characters. Anything beyond that gets replaced with an ellipsis ("…"), and the key point gets cut off. It's better to be precise and put the most important words first than to be so long-winded that you get truncated.
For example, on a page selling pour-over coffee equipment, instead of writing "coffee coffee equipment pour-over dripper recommendations," it's better to write something natural and clear like "Beginner Pour-Over Coffee Gear Recommendations - So-and-So Coffee."
The meta description is a short summary of the page, written as <meta name="description" content="...">. It usually appears as the two or three lines of explanatory text beneath the title in search results, and its job is to further persuade the user to click.
It's also truncated by pixel width. A common safe range is about 120 to 160 characters in English (or roughly 70 to 80 full-width characters in Chinese). Too short wastes space you could use to persuade users; too long gets truncated.
This is a point many people get wrong: the meta description is not a Google ranking factor. Google explained years ago that the content of the description does not directly make your page rank higher or lower. In other words, stuffing keywords into the description will not boost your ranking.
But that doesn't mean the description is unimportant. What it affects is "click-through rate" (CTR)—that is, of the people who see your search result, what proportion actually click through. An appealing description that's highly relevant to the query can make more people choose you over your competitors. A higher click-through rate has real value for driving traffic in its own right, so the description's role is to "influence results without directly affecting ranking."
So when writing a description, your mindset should be "writing the most persuasive ad copy to make a real person click," not "filling in keywords for the search engine."
When someone shares your link on a social platform like Facebook, LINE, or Threads, the platform reads the page's Open Graph (OG) tags to generate that preview card with an image, title, and description. Without OG tags, the shared link might be just a bare URL, or it might grab an irrelevant image, which dramatically lowers the willingness to click.
A few core OG tags:
og:title: The title shown when shared. It can differ slightly from the SEO title to be more conversational and eye-catching.og:description: The descriptive text on the share card.og:image: The preview image. A recommended size is 1200×630 pixels; this is the most visually impactful element.og:type: The content type, such as website or article.og:url: The canonical URL of this page.Beyond OG, Twitter (X) has its own set of Twitter Card tags, such as twitter:card, but if these aren't specifically set, in most cases it falls back to reading the OG tags. In practice, setting up a complete set of OG tags covers the needs of most social platforms.
<meta name="viewport" content="width=device-width, initial-scale=1">, which ensures the page scales correctly on mobile devices. This is crucial for mobile-friendliness.<meta charset="UTF-8">, which declares the character encoding to prevent garbled text.noindex if you don't want it indexed.Meta tags are one of the highest-ROI parts of SEO—spending a little time getting each page's title, description, and OG tags right can often improve your search and social performance immediately. After writing them, it's a good habit to run a scan with a tool to confirm there are no omissions or length issues.
Check Your Site's SEO Now