{"id":10562,"date":"2022-07-14T10:16:21","date_gmt":"2022-07-14T10:16:21","guid":{"rendered":"https:\/\/flowragency.com\/?p=10562"},"modified":"2023-04-13T13:04:04","modified_gmt":"2023-04-13T13:04:04","slug":"balise-titre","status":"publish","type":"post","link":"https:\/\/flowragency.com\/en\/balise-titre\/","title":{"rendered":"Title tag: why and how to use it to optimize your web content\u00a0"},"content":{"rendered":"<h2><span style=\"font-weight: 400;\">Title tag, the detail that changes everything in web writing<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">You already know that on the web <\/span><b>content is king <\/b><span style=\"font-weight: 400;\">to drive traffic to a website. In content writing, many <\/span><b>tips and best practices <\/b><span style=\"font-weight: 400;\">allow you to tell users and search engines which <\/span><b>key points of your texts and articles<\/b><span style=\"font-weight: 400;\">. Today I'm talking about <\/span><b>title tags<\/b><span style=\"font-weight: 400;\">also known as Hn tags, which <\/span><b>allow you to structure the important titles of your content to indicate the different subjects and accompany the reading<\/b><span style=\"font-weight: 400;\"> in a fluid manner.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Whether or not you use a content management system (CMS) such as WordPress, Wix, Squarespace (to name a few!), your content must be <\/span><b>structured<\/b><span style=\"font-weight: 400;\">. There are many points that improve readability: bolding, use of bulleted lists and numbered lists, <\/span><a href=\"https:\/\/flowragency.com\/en\/images-libres-de-droit\/\"><span style=\"font-weight: 400;\">illustrate your words with images and graphics<\/span><\/a><span style=\"font-weight: 400;\">etc.\u00a0<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><img fetchpriority=\"high\" decoding=\"async\" class=\"aligncenter wp-image-10575\" src=\"https:\/\/flowragency.com\/wp-content\/uploads\/2021\/10\/marketing-de-contenu-optimiser-les-balises-titres-1024x683.jpeg\" alt=\"content marketing - optimizing title tags\" width=\"600\" height=\"400\" title=\"\" srcset=\"https:\/\/flowragency.com\/wp-content\/uploads\/2021\/10\/marketing-de-contenu-optimiser-les-balises-titres-1024x683.jpeg 1024w, https:\/\/flowragency.com\/wp-content\/uploads\/2021\/10\/marketing-de-contenu-optimiser-les-balises-titres-300x200.jpeg 300w, https:\/\/flowragency.com\/wp-content\/uploads\/2021\/10\/marketing-de-contenu-optimiser-les-balises-titres-768x512.jpeg 768w, https:\/\/flowragency.com\/wp-content\/uploads\/2021\/10\/marketing-de-contenu-optimiser-les-balises-titres-1536x1024.jpeg 1536w, https:\/\/flowragency.com\/wp-content\/uploads\/2021\/10\/marketing-de-contenu-optimiser-les-balises-titres.jpeg 1920w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">To optimize the pages of a site, the use of <\/span><b>HTML tags H1 to H6 <\/b><span style=\"font-weight: 400;\">is essential. These beacons ensure not only the <\/span><b>article structure<\/b><span style=\"font-weight: 400;\"> or a web page, but <\/span><b>also improve the quality of the<\/b><span style=\"font-weight: 400;\"> of its contents.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Find out everything you need to know about these famous H1, H2, H3 tags that change everything!<\/span><\/p>\n<p>&nbsp;<\/p>\n<h2><span style=\"font-weight: 400;\">Hn tags: what are they?<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Hn tags are defined as <\/span><b>title markers <\/b><span style=\"font-weight: 400;\">which will introduce the contents in HTML coding. In total, we count <\/span><b>6 Hn formatting tags<\/b><span style=\"font-weight: 400;\"> H1 tag, H2 tag, H3 tag, H4 tag, H5 tag and H6 tag. Each one corresponds to a <\/span><b>level of prioritization<\/b><span style=\"font-weight: 400;\">The H1 tag is the highest level and the H6 tag the lowest.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">These tags are classified according to their <\/span><b>pecking order<\/b><span style=\"font-weight: 400;\"> in order to <\/span><b>build the content of the article<\/b><span style=\"font-weight: 400;\"> and to indicate the hierarchical levels of your content. Depending on the level of the title, the font shapes can vary (your main H1 title will for example be larger in size than a secondary H3 or H4 which will simply be bolded in your text to indicate a sub-section break). Commonly, the H1 will have the largest font size, then the H2 and so on. It is also possible to define bold headings and assign them a <a href=\"https:\/\/flowragency.com\/en\/psychologie-des-couleurs-dans-le-web-marketing\/\">color for more simplicity and structure in your web pages<\/a>.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h2><span style=\"font-weight: 400;\">What is the purpose of a title tag?<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Hn tags will be both <\/span><b>useful for the writer, the internet users, but also for the natural referencing in SEO<\/b><span style=\"font-weight: 400;\">. The H1, H2, etc. tags structure the content by level of importance and indicate the links between the different topics. For example, the content of an H3 tag section is the detail of its parent H2 tag.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h3><span style=\"font-weight: 400;\">Building a plan for the writer<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">The ultimate guide for the web editor, the use of title tags allows first of all to<\/span><b>develop the plan and structure<\/b><span style=\"font-weight: 400;\"> of the article:\u00a0<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">What is my article about (H1)<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">What are the main points I want to address? (H2)\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">What sub-sections do I want to cover in my content? (H3-H6)<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Writing will be made easier, as subheadings allow you to <\/span><b>consolidate ideas <\/b><span style=\"font-weight: 400;\">and to <\/span><b>arrange logically<\/b><span style=\"font-weight: 400;\"> in the article. The H1 title is used to define the overall subject while the <a href=\"https:\/\/flowragency.com\/en\/comprendre-ui-design\/\">that the following title tags can be used to organize ideas in the form of drawers based on examples<\/a> and the arguments the writer will have to deal with.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h3><span style=\"font-weight: 400;\">Make it easier for Internet users to read<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Beyond their aesthetic aspect, Hn tags are used above all to <\/span><b>prioritize content <\/b><span style=\"font-weight: 400;\">of an article thanks to the titles and subtitles. To improve the user experience, these markings will <\/span><b>easily locate key information<\/b><span style=\"font-weight: 400;\"> in the content and they will be able to go directly to the part that interests them.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Title tags can also be used to create <\/span><b>tables of contents<\/b><span style=\"font-weight: 400;\"> - dynamic or not - and allow quick access to the section of interest to the reader at the beginning of an article.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h3><span style=\"font-weight: 400;\">Ensuring quality for search engines<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">For search engines, Hn tags represent real quality guarantees, as the text is much easier and more accurate to read. <\/span><b>more pleasant to browse and read <\/b><span style=\"font-weight: 400;\">than a simple block of text.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Search engines crawl thousands of pages every day - if your content is structured and clearly states the important points, <\/span><b>indexing will be better<\/b><span style=\"font-weight: 400;\"> than if you offer Google a paving stone with which it will have to cope! The important points will be better assimilated when the plan is perfectly clear. Well-structured and elaborate Hn tags will thus contribute to a <\/span><b>good positioning on search engines<\/b><span style=\"font-weight: 400;\">.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h3><span style=\"font-weight: 400;\">Improving the accessibility of content<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Whether it is for people with disabilities or for Internet users who wish to \"text to speech\" (a function of reading aloud web pages that is becoming increasingly popular), the proper structuring of title tags <\/span><b>makes it easier to read<\/b><span style=\"font-weight: 400;\"> of the content and the passage from one block to another.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">As search engines favour content that is optimised for accessibility for all, accessible content is also content that is <\/span><b>better referenced<\/b><span style=\"font-weight: 400;\"> !<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><b>A title tag serves several purposes:\u00a0<\/b><\/p>\n<ol style=\"color: #f01a81;\">\n<li style=\"font-weight: 400;\" aria-level=\"1\"><strong>Accompanying the writer<\/strong><span style=\"font-weight: 400;\"> in the definition of its plan and the development of its content\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\"><strong>Structuring the content<\/strong> <\/span><span style=\"font-weight: 400;\">to facilitate reading by Internet users\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Indicate important points to search engines and <\/span><strong>facilitate indexing<\/strong><span style=\"font-weight: 400;\"> of your pages in the <\/span><span style=\"font-weight: 400;\">Search Engine Result Page or SERP, the results of search engines like Google or Bing for example<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><strong>Improving accessibility<\/strong><span style=\"font-weight: 400;\"> and readability of content<\/span><\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<h2><span style=\"font-weight: 400;\">Why are Hn tags important for SEO?<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Search engines use robots, such as Googlebots, to crawl the content of a site and check its quality for SEO. The Hn tags will thus <\/span><b>guide these robots<\/b><span style=\"font-weight: 400;\"> on all levels of titles to see if the article's markup is well optimized and that the proposed content is qualitative.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Search engines give priority to quality in content referencing: a content whose structure is <\/span><b>clear, logical, pleasant and airy<\/b><span style=\"font-weight: 400;\"> to so <\/span><b>more chance of being well positioned <\/b><span style=\"font-weight: 400;\">in the search results.\u00a0<\/span><\/p>\n<p>&nbsp;<\/p>\n<h3><span style=\"font-weight: 400;\">The title tags allow you to see if the main topic is covered in depth<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">These referencing tools will allow the robots to <\/span><b>understand the main topic <\/b><span style=\"font-weight: 400;\">of your page. To do this, the robot will scan each title to see if the text has been treated in depth with appropriate subheadings and ideas well arranged between them.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The bots will see, for example, if you've covered the different ideas behind a topic or if you've only touched on it superficially.\u00a0<\/span><\/p>\n<p>&nbsp;<\/p>\n<h3><span style=\"font-weight: 400;\">Well-structured Hn tags make it easier for robots to read content<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Hn tags will greatly<\/span><b> facilitate indexing <\/b><span style=\"font-weight: 400;\">of an article to help people understand its layout and content. As mentioned, Internet users also benefit from this structuring of ideas: you can notably use a summary to create links to the titles in order to facilitate research and reading.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">This type of internal meshing within pages is very much appreciated by search engines as it simplifies reading.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The use of relevant title tags allows search engines to better understand the content of your website. <\/span><b>easily navigate your content<\/b><span style=\"font-weight: 400;\"> and to see the relevance of the inking within the same page and between the different pages of your website.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Well-structured content contributes to the<\/span><b>improvement of PageRank<\/b><span style=\"font-weight: 400;\"> (the score that Google, Yahoo and other search engines give to web pages to define their quality and relevance).<\/span><\/p>\n<p>&nbsp;<\/p>\n<h3><span style=\"font-weight: 400;\">Semantic information and keywords: the role of tagging<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">First of all, a small reminder of a subject treated in depth in an article dedicated to SEO and keyword research.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h4><span style=\"font-weight: 400;\">Reminder on the subject of keywords and search intentions\u00a0<\/span><\/h4>\n<p><span style=\"font-weight: 400;\">A <b>word <\/b><a href=\"https:\/\/flowragency.com\/en\/reussir-ses-posts-instagram\/\">key is the query for which you want search engines to reference your content<\/a>. This is also what you want users to type <\/span><span style=\"font-weight: 400;\">to get to your page.\u00a0<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">In concrete terms, what will users who need to get to your site type into their Google search bar?<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">For each page, you must <\/span><b>define a main keyword<\/b><span style=\"font-weight: 400;\">which will be enhanced with an associated lexical field.\u00a0<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">For example, the subject of my article is cat food.\u00a0<\/span><\/p>\n<p><img decoding=\"async\" class=\"size-medium wp-image-10585 aligncenter\" src=\"https:\/\/flowragency.com\/wp-content\/uploads\/2021\/10\/tumblr_mifjd3iIBK1s3o373o5_500-300x150.gif\" alt=\"Example of title tag structuring on cat food\" width=\"300\" height=\"150\" title=\"\"><\/p>\n<p><span style=\"font-weight: 400;\">My main keyword will be \"cat food\" and my secondary keywords will be \"kibble\", \"cat food\", \"cat food brands\", \"kittens\", \"cat accessories\" or \"veterinarian\", simply words that you would expect to find in a topic dealing with cat food!\u00a0<\/span><\/p>\n<p>&nbsp;<\/p>\n<h4><span style=\"font-weight: 400;\">The use of keywords in the title tags\u00a0<\/span><\/h4>\n<p><span style=\"font-weight: 400;\">We have seen that one of the reasons for using Hn tags is to facilitate the reading of search engines. Once you have defined your main keyword, you must therefore <\/span><b>place in an intelligent and not overloaded way<\/b><span style=\"font-weight: 400;\"> in your title tags.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The <\/span><b>keywords placed at the level of titles and subtitles are more read by search engines<\/b><span style=\"font-weight: 400;\">. A logical sequence must be created in a natural way between the Hn tags in order to reflect strong semantic links between the keywords that are used.<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Your main keyword should be <\/span><b>present in your main title H1<\/b><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">He must be in <\/span><b>several occurrences in the titles of secondary levels<\/b><span style=\"font-weight: 400;\"> H2 to H6 - two to three times for a 1000 word piece of content, more if you are creating a large piece of content.\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Your main keyword should also be <\/span><b>present in your content<\/b><span style=\"font-weight: 400;\">. Beware of \"keyword stuffing\", the untimely addition of keywords that makes the content indigestible to read and is penalized by search engines\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Your secondary title H2-H6 tags must contain your <\/span><b>secondary keywords<\/b><span style=\"font-weight: 400;\"> to indicate the links between your topics and the relevance of your content.\u00a0\u00a0<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h2><span style=\"font-weight: 400;\">Structuring and use of the title tag in your web content\u00a0<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">As you can see, the title tag is an important element of any content published on the web. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">In the second part of this article, we will discuss in more detail the <\/span><b>different types of Hn tags <\/b><span style=\"font-weight: 400;\">and<\/span><b> how to use them<\/b><span style=\"font-weight: 400;\"> and I propose to see together a concrete example of structure to help you develop yours.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h3><img decoding=\"async\" class=\"wp-image-10574 aligncenter\" src=\"https:\/\/flowragency.com\/wp-content\/uploads\/2021\/10\/balise-titre-comment-structurer-son-contenu-web-flowr-agency-300x200.jpeg\" alt=\"title tag - how to structure your web content flowr agency\" width=\"600\" height=\"400\" title=\"\" srcset=\"https:\/\/flowragency.com\/wp-content\/uploads\/2021\/10\/balise-titre-comment-structurer-son-contenu-web-flowr-agency-300x200.jpeg 300w, https:\/\/flowragency.com\/wp-content\/uploads\/2021\/10\/balise-titre-comment-structurer-son-contenu-web-flowr-agency-1024x683.jpeg 1024w, https:\/\/flowragency.com\/wp-content\/uploads\/2021\/10\/balise-titre-comment-structurer-son-contenu-web-flowr-agency-768x512.jpeg 768w, https:\/\/flowragency.com\/wp-content\/uploads\/2021\/10\/balise-titre-comment-structurer-son-contenu-web-flowr-agency-1536x1024.jpeg 1536w, https:\/\/flowragency.com\/wp-content\/uploads\/2021\/10\/balise-titre-comment-structurer-son-contenu-web-flowr-agency.jpeg 1920w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/h3>\n<p>&nbsp;<\/p>\n<h3><span style=\"font-weight: 400;\">The different types of title tags and how to use them<\/span><\/h3>\n<h4>The H1 tag or main title tag<\/h4>\n<p><span style=\"font-weight: 400;\">This is the <\/span><b>highest level<\/b><span style=\"font-weight: 400;\"> which is also the most important section. This H1 tag will be the most deciphered by search engines and can <\/span><b>contribute to the proper positioning <\/b><span style=\"font-weight: 400;\">of your content if it is well done.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Thus, the <\/span><b>main keyword <\/b><span style=\"font-weight: 400;\">of your article must absolutely be found <\/span><b>in this title <\/b><span style=\"font-weight: 400;\">which should state in a few words what the main topic is that you want to cover.<\/span><\/p>\n<p><em>How many H1 tags per page?\u00a0<\/em><\/p>\n<p><span style=\"font-weight: 400;\">Even though <\/span><a href=\"https:\/\/searchengineland.com\/multiple-h1s-wont-get-in-the-way-of-your-seo-google-says-322909\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Google expert John Mueller denied in 2019 that using multiple H1 headings on a page had a negative effect on SEO<\/span><\/a><span style=\"font-weight: 400;\">The recognized and accepted best practice is to use a single H1 title per page.<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">The H1 tag is your <\/span><b>main title\u00a0<\/b><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">It should generally <\/span><b>be visible at the top of the page<\/b><span style=\"font-weight: 400;\">above the waterline of your screen<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">A good H1 title should be <\/span><b>clear and concise<\/b><span style=\"font-weight: 400;\"> (about 70 characters)<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Your H1 must<\/span><b> contain your main keyword<\/b><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Each page of your website must contain an H1 title<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Graphically, the rendering of your main H1 <\/span><b>must indicate the title hierarchy<\/b><span style=\"font-weight: 400;\"> (bigger and\/or fatter than its H2 to H6 congeners)<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Use your H1 to define the meta title of your page<\/b><span style=\"font-weight: 400;\"> ( this is the title that is displayed in blue in Google search results. It can be easily defined in your WordPress pages with SEO extensions such as Yoast SEO or Rank Math) - Having an identical H1 and meta title on a page simplifies the reading of search engines and participates in a better SEO.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Finally, <\/span><b>use lower case letters<\/b><span style=\"font-weight: 400;\"> for your H1 title rather than an all-caps main title. This improves readability and rendering in search engine results.<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h4><strong>H2 and H3 title tags<\/strong><\/h4>\n<p><b>The H2 and H3 title levels are used to organize the sub-sections of your article<\/b><span style=\"font-weight: 400;\">. From your H1 title, they will <\/span><b>allow you to cut out your ideas<\/b><span style=\"font-weight: 400;\"> and <\/span><b>set up the structure<\/b><span style=\"font-weight: 400;\"> of your text. They also ensure a good understanding of the text in general, especially if your article is quite long.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The H2 tags represent the main parts following your H1 title. Then, the H3 tags will constitute the <\/span><b>subparts<\/b><span style=\"font-weight: 400;\"> which contain details or arguments about your H2 subtitle. The introduction of these two levels of subheadings will <\/span><b>allow you to ventilate your article<\/b><span style=\"font-weight: 400;\"> by making it pleasant to read and to look at.<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Secondary title tags must be placed under their parent title tag<\/b><span style=\"font-weight: 400;\"> An H3 should not be placed before an H2, for example. It expresses the logical progression of a point towards a more precise development and will therefore naturally be placed below\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Your <\/span><b>text can contain several H2 and several H3 to 6<\/b><span style=\"font-weight: 400;\"> underneath, in the form of Russian dolls or drawers as I show you in the detailed structure at the end of the article<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h4><strong>The H4, H5 and H6 title tags<\/strong><\/h4>\n<p><span style=\"font-weight: 400;\">For a <\/span><b>detailed plan<\/b><span style=\"font-weight: 400;\">It may be appropriate to add H4, H5 and H6 subtitles, especially if your <\/span><b>article is long and rich in content<\/b><span style=\"font-weight: 400;\">. They can provide examples or key arguments on each of your parts.  These <\/span><b>sous-titres favorisent \u00e9galement la compr\u00e9hension<\/b><span style=\"font-weight: 400;\"> of your topic by providing additional information.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Nevertheless, these levels of title must be used sparingly at the risk of tiring Internet users by cutting the reading of the article into small chunks. To avoid overusing them, you can use bulleted lists, which also allow you to have a more airy text.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h3><span style=\"font-weight: 400;\">Example of HTML formatting and structure with title tags\u00a0<\/span><\/h3>\n<h4><span style=\"font-weight: 400;\">Standard structure of tagged material<\/span><\/h4>\n<p><b>H1 Title - The subject of your article (must contain the keyword)<\/b><\/p>\n<p><span style=\"font-weight: 400;\">Your H1 title is very important, it is the subject of your article and its tagging as a title is one of the important elements for Google (or another search engine) to reference your content well.\u00a0<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><b>Plan announcement \/ table of contents<\/b><span style=\"font-weight: 400;\"> - You can choose an auto-generated table of contents, your manually generated titles with anchors to each part, or make a more fluid announcement by indicating to your reader the subject of the article to follow. This very \"academic\" passage allows readers to immediately identify the content of an article to check its relevance to the query and go directly to the paragraph\/topic of interest. <\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><b>H2 - First topic of your article<\/b><\/p>\n<p><span style=\"font-weight: 400;\">H3 - Subpart 1 (may contain the keyword)<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Paragraph\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">H3 - Subpart 2\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Paragraph (must contain the keyword)<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><b>H2 - Second topic of your article<\/b><span style=\"font-weight: 400;\"> (must contain the keyword)<\/span><\/p>\n<p><span style=\"font-weight: 400;\">H3 - Subpart 1\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Paragraph (must contain the keyword)<\/span><\/p>\n<p><span style=\"font-weight: 400;\">H3 - Subpart 2 (must contain the keyword)<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Paragraph\u00a0<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><b>H2 - Third topic of your article<\/b><\/p>\n<p><span style=\"font-weight: 400;\">H3 - Subpart 1 (must contain the keyword)<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Paragraph\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">H3 - Subpart 2\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Paragraph (must contain the keyword)<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><b>Conclusion\u00a0<\/b><\/p>\n<p><b>Call to action\u00a0<\/b><\/p>\n<p>&nbsp;<\/p>\n<h4><span style=\"font-weight: 400;\">Concrete example of an article structure with title tags\u00a0<\/span><\/h4>\n<p><span style=\"font-weight: 400;\">H1 - What cat food should I choose for a healthy feline?\u00a0<\/span><\/p>\n<p><b>\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 H2 - Choosing the right cat food for your pet<\/b><\/p>\n<p><span style=\"font-weight: 400;\"><b>\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 <\/b><b>\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 <\/b>H3 - Choosing your cat's diet according to its age<\/span><\/p>\n<p><span style=\"font-weight: 400;\"><b>\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 <\/b><b>\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 <\/b>H3 - What are the options for a vegetarian cat food?<\/span><\/p>\n<p><span style=\"font-weight: 400;\"><b>\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 <\/b><b>\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 <\/b>H3 - Benefits of dehydrated food for cats<\/span><\/p>\n<p><b>\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 H2 - Is kibble the best food for cats?\u00a0<\/b><\/p>\n<p><span style=\"font-weight: 400;\"><b>\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 <\/b><b>\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 <\/b>H3 - Animal Kibbles<\/span><\/p>\n<p><span style=\"font-weight: 400;\"><b>\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 <\/b><b>\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 <\/b>H3 - Vegetable kibble\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\"><b>\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 <\/b><b>\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 <\/b>H3 - Organic and natural kibbles<\/span><\/p>\n<p><b>\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 H2 - All about cat food\u00a0<\/b><\/p>\n<p><span style=\"font-weight: 400;\"><b>\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 <\/b><b>\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 <\/b>H3 - Animal patties\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\"><b>\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 <\/b><b>\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 <\/b>H3 - Vegetable pates\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\"><b>\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 <\/b><b>\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 <\/b>H3 - Organic and natural p\u00e2t\u00e9s<\/span><\/p>\n<p><b>Conclusion\u00a0<\/b><\/p>\n<p><b>Call to action\u00a0<\/b><\/p>\n<p>&nbsp;<\/p>\n<h3><span style=\"font-weight: 400;\">How to set up your title tags with WordPress\u00a0<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">In this video, I show you concretely <\/span><b>how to select your headings in your body text in WordPress to make the markup<\/b><span style=\"font-weight: 400;\"> HTML and indicate the different levels of title H1 to H6.\u00a0<\/span><\/p>\n<p><a href=\"https:\/\/youtu.be\/ctGOvqEMvJk\u00a0\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-10573 size-large\" src=\"https:\/\/flowragency.com\/wp-content\/uploads\/2021\/10\/comment-integrer-des-balises-titres-pour-optimiser-ses-contenus-web-flowr-agency-1024x576.jpeg\" alt=\"how to integrate title tags to optimize your web content - flowr agency\" width=\"1024\" height=\"576\" title=\"\" srcset=\"https:\/\/flowragency.com\/wp-content\/uploads\/2021\/10\/comment-integrer-des-balises-titres-pour-optimiser-ses-contenus-web-flowr-agency-1024x576.jpeg 1024w, https:\/\/flowragency.com\/wp-content\/uploads\/2021\/10\/comment-integrer-des-balises-titres-pour-optimiser-ses-contenus-web-flowr-agency-300x169.jpeg 300w, https:\/\/flowragency.com\/wp-content\/uploads\/2021\/10\/comment-integrer-des-balises-titres-pour-optimiser-ses-contenus-web-flowr-agency-768x432.jpeg 768w, https:\/\/flowragency.com\/wp-content\/uploads\/2021\/10\/comment-integrer-des-balises-titres-pour-optimiser-ses-contenus-web-flowr-agency-1536x864.jpeg 1536w, https:\/\/flowragency.com\/wp-content\/uploads\/2021\/10\/comment-integrer-des-balises-titres-pour-optimiser-ses-contenus-web-flowr-agency.jpeg 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p><b>Little tip<\/b><span style=\"font-weight: 400;\"> you can also <\/span><b>format your texts in Google Doc<\/b><span style=\"font-weight: 400;\">simply by selecting it and then selecting \"Heading 1\", \"Heading 2\", \"Heading 3\"....<\/span><\/p>\n<p><span style=\"font-weight: 400;\">I'm personally a fan of this method which allows me to work on drafts of my content, share them easily and edit them at my own pace without the risk of losing them thanks to the automatic save function on Google Drive, which is where I'm writing to you from \ud83d\ude09\u00a0<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-10579 size-full\" src=\"https:\/\/flowragency.com\/wp-content\/uploads\/2021\/10\/integration-de-balise-titre-avec-google-doc.png\" alt=\"Title tag integration with google doc\" width=\"512\" height=\"260\" title=\"\" srcset=\"https:\/\/flowragency.com\/wp-content\/uploads\/2021\/10\/integration-de-balise-titre-avec-google-doc.png 512w, https:\/\/flowragency.com\/wp-content\/uploads\/2021\/10\/integration-de-balise-titre-avec-google-doc-300x152.png 300w\" sizes=\"(max-width: 512px) 100vw, 512px\" \/><\/p>\n<p>&nbsp;<\/p>\n<h2><span style=\"font-weight: 400;\">Conclusion\u00a0<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">You now know <\/span><b>why and how to structure your texts using title tags<\/b><span style=\"font-weight: 400;\">. It is the ABC of web writing, a passage <\/span><b>essential to put online optimized content<\/b><span style=\"font-weight: 400;\"> for the readers and the referencing.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Take the time on all your web content to <\/span><b>create simple and logical structures <\/b><span style=\"font-weight: 400;\">that will help internet users and search engines discover and read your content, you will be rewarded!\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Want to take your texts to the next level and continue optimizing them? I'll make you a <\/span><b>series of articles on SEO, copywriting, my <\/b><a href=\"https:\/\/flowragency.com\/en\/outils-redaction-web\/\"><b>best web writing tools<\/b><\/a><b> to learn how to write and improve your content<\/b><span style=\"font-weight: 400;\">And don't hesitate to share your desires, questions and requests, it could give me good ideas !\u00a0<\/span><\/p>\n<p>&nbsp;<\/p>","protected":false},"excerpt":{"rendered":"<p>All about the title tag and its use in web writing. What is an Hn tag, H1, H2, H3 titles, etc., how to use it, why. Boost your web content!<\/p>","protected":false},"author":2,"featured_media":10576,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7666,7567],"tags":[],"class_list":["post-10562","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-redaction","category-seo"],"_links":{"self":[{"href":"https:\/\/flowragency.com\/en\/wp-json\/wp\/v2\/posts\/10562","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/flowragency.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/flowragency.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/flowragency.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/flowragency.com\/en\/wp-json\/wp\/v2\/comments?post=10562"}],"version-history":[{"count":5,"href":"https:\/\/flowragency.com\/en\/wp-json\/wp\/v2\/posts\/10562\/revisions"}],"predecessor-version":[{"id":18150,"href":"https:\/\/flowragency.com\/en\/wp-json\/wp\/v2\/posts\/10562\/revisions\/18150"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/flowragency.com\/en\/wp-json\/wp\/v2\/media\/10576"}],"wp:attachment":[{"href":"https:\/\/flowragency.com\/en\/wp-json\/wp\/v2\/media?parent=10562"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/flowragency.com\/en\/wp-json\/wp\/v2\/categories?post=10562"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/flowragency.com\/en\/wp-json\/wp\/v2\/tags?post=10562"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}