Q:
What is the maximum length of title and meta description tag in HTML for SEO
belongs to collection: HTML / CSS Frequently Asked Questions
HTML / CSS Frequently Asked Questions
- How to write comments in HTML
- How to write comments in CSS
- How to align text vertically center in a DIV element using CSS
- How to remove dotted line around the links or linked images using CSS
- How to set the height of a div to 100% using CSS
- How to align a DIV horizontally center using CSS
- How to change the opacity of an element\'s background without affecting the child elements or text content
- How to define or create style sheet only for Internet Explorer
- How to show and hide dropdown menu on mouse hover using CSS
- How to remove the extra white space underneath an image using CSS
- What is the maximum length of title and meta description tag in HTML for SEO
- How to highlight the background of alternate table row using CSS
- How to fix the issue of CSS collapsing parent having floating children
- How to create custom cursor using CSS
- How to apply shadow effect on elements using CSS
- How to apply shadow effect on text using CSS
- How to disable spell checking from Input Box and Textarea in HTML forms
- How to create drop caps effect using CSS
- How to center align absolute positioned div using CSS
- How to apply border to an element on mouse hover without affecting the layout in CSS
- How to apply CSS opacity in IE7 and IE8 browsers
- How to create 3D flipping effect on mouse hover using CSS
- How to animate text color on mouse hover using CSS
- How to animate background-color of an element on mouse hover using CSS
- How to transform image size on mouse hover without affecting the layout in CSS
- How to make a div element editable in HTML
- How to disable resizable property of text area using CSS
- How to expand select box to its default width on focus using CSS
- How to change the default text selection color in the browsers using CSS
- How to remove the space between inline-block elements in CSS
- How to disable text selection highlighting in the browsers using CSS
- How to change input field or textarea placeholder text color using CSS
- How to truncate long string with ellipsis using CSS
- How to create triangle or caret icons using CSS
- How to remove outline around text input boxes in chrome using CSS
- How to apply multiple background images to an element using CSS
- How to create fixed header or footer using CSS
- How to create two div elements with same height side by side in CSS
- How to set table cellpadding and cellspacing in CSS
- How to remove cell spacing from tables using CSS
- How to place border inside of a div element using CSS
- How to change image on hover with CSS
- How to position text over an image using CSS
- How to create an HTML button that acts like a link
- How to Create a Vertical Line in HTML
- How to Change the Cursor into a Hand Pointer on Hover using CSS
- How to Make a DIV Not Larger than its Contents using CSS
- How to Change the Color of an hr Element using CSS
- How to Auto-resize an Image to Fit into a DIV Container using CSS
- How to Overlay One DIV Over Another DIV using CSS
- How to Stretch and Scale an Image in the Background with CSS
- How to Disable a Link using Only CSS
- How to Vertically Align an Image inside a DIV using CSS
- How to Align Content of a DIV to the Bottom Using CSS
- How to Make a Placeholder for a Select Box in HTML
- How to Hide the Scrollbar on an HTML Page
- How to Make a DIV Vertically Scrollable Using CSS
- How to Right Align Flex Item Using CSS
- How to Center a DIV Horizontally and Vertically Using Flexbox in CSS
- How to Remove Border from IFrame in HTML
- How to Reset or Remove CSS Style for a Particular Element
- How to Set Fixed Width for td Regardless of its Content
- How to Remove Underline from Link in HTML
- How to Make body to Have 100% of the Browser Height
- How to Set Space Between Flex Items Using CSS
Html programming
HTML Title Tag Length
There are no hard and fast rules regarding the length of title and meta description tags. However, the recommended length of title is somewhere between 65 to 70 characters including spaces, because more than this likely to be truncated in the search results. So try to keep the title length to 65 characters including spaces for best possible rendering. You can go up to 70 characters in total, but try not to exceed this.
Tip: Google has recently increased the length of titles in their search engine results pages (SERPs) from 50-60 characters to approximately 70 characters, provided that the length of title tag content should not exceed 600 pixels.
HTML Meta Description Tag Length
The suggested length of meta description is somewhere between 150 to 160 characters including spaces. You can even use fewer characters and it works great if your descriptions looks appealing and read better but don't try to create lengthy descriptions that doesn't make much sense or description with more than 160 characters.
Note: Google's generation of page titles and descriptions (or "snippets") for search results is completely automated and takes into account both the content of a page as well as references to it that appear on the web.
Importance of Title Tag in SEO
Title gives users a quick insight about the content available on a web page. This is often the primary piece of information used to decide which result to click on in the Search Engine Results Pages (SERP). That's why the
<title>tag is considered as the most important element for Search Engine Optimization (SEO), so make sure each page of your website has a unique and descriptive title.Here are a few tips for creating titles of the web pages:
Tip: Start every main word in the title with a capital letter; it will make your title more noticeable and might improve your chance of getting clicked in search results.
Importance of Meta Description Tag in SEO
The
<meta>description tag is used to provide a brief and descriptive summary of web page's content. Search engine often use the meta description of a page in search results snippets which is appear below the page title. Appropriate meta descriptions can help improve your website click through rate.Here are a few tips for creating meta descriptions for the web pages:
Note: Although meta description tags has no SEO value, still using the relevant keywords in your meta descriptions might help to increase your chances of getting clicked when your page appear in search results.