A meta description is an HTML attribute summarizing a webpage, displayed in SERPs and ideally under 160 characters. 2. Add it in the
section of your HTML using the meta tag with name="description". 3. For CMS users, use SEO plugins like Yoast or Rank Math in WordPress, or SEO settings in Shopify, Wix, or Squarespace to input the description without coding. 4. Best practices include keeping it 120–155 characters, including a value proposition, relevant keywords, a call to action, and ensuring uniqueness per page, as compelling descriptions improve click-through rates even though they don’t directly affect rankings.
Adding a meta description is a straightforward but important step for SEO. It doesn’t directly boost your rankings, but a well-written one improves click-through rates from search engine results pages (SERPs). Here’s how to add one:
1. Understand What a Meta Description Is
A meta description is an HTML attribute that gives a brief summary of a webpage. Search engines like Google often display it in search results below the page title. It should be compelling, relevant, and ideally under 160 characters to avoid being cut off.
Example:
<meta name="description" content="Learn how to add a meta description for better SEO and higher click-through rates. Simple steps for beginners.">
2. Add It in the <head> Section of Your HTML
If you're editing a website directly in HTML, place the meta description tag inside the <head> section of your webpage:
<head> <title>Your Page Title</title> <meta name="description" content="A clear, concise summary of your page content goes here."> </head>
Make sure each page has a unique description that accurately reflects its content.
3. Use a CMS or SEO Plugin (Easier for Most Users)
If you’re using a content management system like WordPress, you don’t need to edit code.
-
With Yoast SEO (WordPress):
- Edit your page or post.
- Scroll down to the Yoast SEO section.
- Click "Edit snippet" → write your meta description in the description field.
- The tool will show a preview and length indicator.
-
With Rank Math:
- Similar to Yoast — fill in the meta description field in the Rank Math meta box.
-
Shopify, Wix, or Squarespace:
- Go to the page editor.
- Look for “SEO settings” or “Page SEO.”
- Enter your description in the meta description field.
4. Best Practices for Writing Effective Meta Descriptions
Even if you add the tag correctly, a poor description won’t help. Follow these tips:
- ? Keep it between 120–155 characters.
- ? Include a clear value proposition or benefit.
- ? Use relevant keywords (but don’t stuff them).
- ? Add a call to action (e.g., “Learn more,” “Get started”).
- ? Make it unique for every page.
Google may rewrite your meta description if it doesn’t match the search query, but having a solid one increases the chance it’ll be used.
Basically, just add the right HTML tag or use your platform’s SEO tools. The key is writing something people actually want to click.
The above is the detailed content of How to add a meta description for SEO?. For more information, please follow other related articles on the PHP Chinese website!
Hot AI Tools
Undress AI Tool
Undress images for free
Undresser.AI Undress
AI-powered app for creating realistic nude photos
AI Clothes Remover
Online AI tool for removing clothes from photos.
Clothoff.io
AI clothes remover
Video Face Swap
Swap faces in any video effortlessly with our completely free AI face swap tool!
Hot Article
Hot Tools
Notepad++7.3.1
Easy-to-use and free code editor
SublimeText3 Chinese version
Chinese version, very easy to use
Zend Studio 13.0.1
Powerful PHP integrated development environment
Dreamweaver CS6
Visual web development tools
SublimeText3 Mac version
God-level code editing software (SublimeText3)
Vue3+TS+Vite development skills: how to optimize SEO
Sep 10, 2023 pm 07:33 PM
Vue3+TS+Vite development skills: How to perform SEO optimization SEO (SearchEngineOptimization) refers to optimizing the structure, content and keywords of the website to rank it higher in search engines, thereby increasing the website's traffic and exposure. . In the development of modern front-end technologies such as Vue3+TS+Vite, how to optimize SEO is a very important issue. This article will introduce some Vue3+TS+Vite development techniques and methods to help
Summary of Vue development experience: Practice in solving SEO and search engine optimization
Nov 22, 2023 am 08:44 AM
Summary of Vue development experience: Practice in solving SEO and search engine optimization In the current era of rapid development of mobile Internet and Web technology, search engines are still one of the most important ways to obtain information on the Internet. For websites that need to gain high exposure in search engines, SEO (SearchEngineOptimization) is an essential task. So, for web development projects using Vue technology, how to achieve SEO and search engine optimization? Vue
What is the difference between SEO and SEM
Aug 10, 2023 pm 03:48 PM
The difference between SEO and SEM is 1. SEO refers to search engine optimization, while SEM refers to search engine marketing; 2. SEO optimizes the visibility of the website so that it naturally ranks in front of organic search results, while SEM uses advertising to Paid ranking at the top of search results; 3. SEO is a long-term strategy, which requires continuous and sustained efforts to maintain the website's ranking in search engines, while SEM can be flexibly adjusted and implemented, and it can quickly adjust the advertising strategy as needed. and budget.
How Vue performs SEO optimization and practical suggestions
Jun 09, 2023 pm 04:13 PM
With the continuous development of web technology, more and more websites are beginning to use Vue as the front-end framework. Although Vue can provide a good user experience and development efficiency, there are still some challenges in search engine optimization. This article will introduce how Vue performs SEO optimization and some practical suggestions. 1. Vue’s SEO issues Vue’s SEO issues mainly include the following points: Server-side rendering issues: Vue is a single-page application (SPA), which means that it is rendered in the browser through JavaScript
SSR technology application practice in Vue 3 to improve the SEO effect of the application
Sep 08, 2023 pm 12:15 PM
SSR technology application practice in Vue3 to improve the SEO effect of applications. With the rapid development of front-end development, SPA (Single Page Application) has become mainstream. The benefits of SPA are self-evident and can provide a smooth user experience, but there are some challenges in terms of SEO (search engine optimization). Since SPA only returns an HTML template in the front-end rendering stage, most of the content is dynamically loaded through JavaScript, causing search engines to have difficulties in crawling, indexing, and ranking. To solve this problem,
Http status: What is the difference between 301 and 302 jumps? What are the benefits or problems when using it?
Jul 12, 2022 pm 12:22 PM
What is the difference between 301 jump and 302 jump? The following article will help you compare 301 and 302 jumps, talk about their differences, and what are the benefits or problems when using these two transfers. I hope it will be helpful to you!
What is a 301/302 redirect? How to redirect the website?
Jul 12, 2022 pm 12:07 PM
What is a 301/302 redirect? How to redirect the website? This article will take you through 301/302 jumps, introduce the jump methods, and analyze them from the SEO perspective to see which method is practical. I hope it will be helpful to everyone!
Optimizing website SEO: practice of pseudo-static hiding php suffix
Mar 07, 2024 pm 12:27 PM
As we all know, optimizing the SEO of a website is a very important part of website operation. The default URLs of dynamic web systems (such as PHP) used by many websites have extensions (.php, .html, etc.), which will affect the SEO effect of the website. In order to improve the optimization effect of the website, a common practice is to change the dynamic URL to a pseudo-static URL to hide the extension name and improve the user experience and search engine ranking of the website. This article will take "pseudo-static hidden php suffix" as the theme, introduce how to achieve this optimization in PHP websites, and
