{"id":5496,"date":"2023-05-16T13:33:00","date_gmt":"2023-05-16T13:33:00","guid":{"rendered":"https:\/\/www.geotelecom.es\/blog\/html-basico-mejorar-seo\/"},"modified":"2026-04-30T12:50:45","modified_gmt":"2026-04-30T10:50:45","slug":"basic-html-improve-seo","status":"publish","type":"post","link":"https:\/\/www.geotelecom.es\/en\/blog\/html-basico-mejorar-seo\/","title":{"rendered":"Basic HTML to improve SEO"},"content":{"rendered":"<p class=\"wp-block-paragraph\">Today, most of the world often surfs the Internet, but many people don't really know how web pages work. One of the main foundations of web pages is HTML. This is a <strong>brand language <\/strong>which is used to translate the information we want to display on the web and, together with other tools such as JavaScript and CSS, sets the standard for the construction of web pages.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">It is well known that the good use of HTML tags in web pages is crucial for organic positioning. This is because the&nbsp;<a href=\"https:\/\/www.geotelecom.es\/en\/digital-marketing-dictionary\/motores-de-busqueda\/\" target=\"_blank\" rel=\"noreferrer noopener\">search engines<\/a>&nbsp;like Google use the W3C as an additional factor in their<strong>&nbsp;<\/strong><a href=\"https:\/\/www.geotelecom.es\/en\/blog\/what-is-the-google-algorithm\/\">positioning algorithm,<\/a>&nbsp;But what is W3C?<\/p>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_88 counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Contents of the entry<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Contents\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #a09353;color:#a09353\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #a09353;color:#a09353\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewbox=\"0 0 24 24\" version=\"1.2\" baseprofile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.geotelecom.es\/en\/blog\/html-basico-mejorar-seo\/#%C2%BFQue_es_el_W3C\" >What is W3C?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.geotelecom.es\/en\/blog\/html-basico-mejorar-seo\/#Encabezados_HTML_de_la_web\" >Web HTML headers<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.geotelecom.es\/en\/blog\/html-basico-mejorar-seo\/#Textos_alternativos_de_las_imagenes\" >Alternative texts of the images<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.geotelecom.es\/en\/blog\/html-basico-mejorar-seo\/#Metaetiquetas\" >Meta tags<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.geotelecom.es\/en\/blog\/html-basico-mejorar-seo\/#Titles\" >Titles<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/www.geotelecom.es\/en\/blog\/html-basico-mejorar-seo\/#Description\" >Description<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/www.geotelecom.es\/en\/blog\/html-basico-mejorar-seo\/#Robots\" >Robots<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/www.geotelecom.es\/en\/blog\/html-basico-mejorar-seo\/#El_valor_del_HTML_para_el_SEO\" >The value of HTML for SEO<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%C2%BFQue_es_el_W3C\"><\/span>What is W3C?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The W3C or World Wide Web Consortium <strong>is an international consortium that has set standards for how HTML tags should be structured and added to a website.<\/strong>. If these standards are not met, the crawling and readability of the page, and therefore its indexing, is hindered.\u00a0<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Most websites do not fully comply with this consortium, including not only small websites, but also very large websites such as Amazon or even Google itself. That is why this time we wanted to talk about what are the most common problems when structuring the HTML of your website and that can affect SEO.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Encabezados_HTML_de_la_web\"><\/span>Web HTML headers<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">One of the most important tags in a web site are the headers.<strong> is used to give a title or subtitle to a section and explain what it will contain.<\/strong>. In addition, it is not only used to make reading easier for users, it is also used by Google to find out which is the best way to read. <a href=\"https:\/\/www.geotelecom.es\/en\/blog\/5-marketing-copywriting-tips\/\">the content of the page<\/a> and be able to categorize it better.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This label must follow a <strong>system of <em>\u201cmatryoshkas\u201d<\/em><\/strong><em>, <\/em>that is, they must follow a hierarchical order. We can use up to 6 types of headers, using the tag &lt;h&gt; accompanied by a number, from 1 to 6. Each one of them has a size, being &lt;h1&gt; the largest and &lt;h6&gt; the smallest.\u00a0<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>One of the most frequent mistakes when using these tags is that they do not structure them correctly.<\/strong>. If you want to add a smaller heading to your &lt;h1&gt;, you cannot directly use a &lt;h4&gt;, but you have to use a &lt;h2&gt;. That is, they must follow the order of sizes.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To show this more visually, the image above shows a correct use of structuring this tag.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Textos_alternativos_de_las_imagenes\"><\/span>Alternative texts of the images <span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">This is one of the most common errors in the web pages that arrive at the time of including images, and it is specifically the alternative texts. Within the image tags there is an attribute called <em>\u201calt\u201d<\/em> which serves to give a brief description of what is contained in that image &lt;img src=&quot;&rdquo;url&rdquo;&quot; alt=&quot;&rdquo;Description.&quot; de la imagen&rdquo;&gt;.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The most direct purpose is that the bots know what is inside the image and can categorize it more easily, thus making it easier to achieve a correct indexing and, therefore, a better positioning.\u00a0<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The other purpose has to do with accessibility for the visually impaired. There are a number of very useful applications for these people that read aloud the content of a website as they navigate through it, and when they reach an image, they read this alternative description.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Metaetiquetas\"><\/span>Meta tags<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">First of all, what are metatags? They are tags that are used to provide information to the <a href=\"https:\/\/www.geotelecom.es\/en\/digital-marketing-dictionary\/motores-de-busqueda\/\">search engines<\/a> about the content or how to interact with a URL, and the content of these is not displayed to the user. These tags should go inside the HTML header (), along with scripts and CSS formatting files.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">There are several different metatags, but in this post we are going to focus on 3 of them: titles, metadescriptions and robots.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Titles\"><\/span>Titles<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Of the meta tags, this is perhaps the most important and basic. With this tag, you tell crawlers what content they will find within the URL. Each title within the web must be unique and descriptive, and must always be 65 characters or less.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Apart from providing information to search engines, it is also the title that is displayed in search results or SERPs.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">An important SEO tip is that the title should not be the same as the h1 of the page, but both have to show similar information, so that there is consistency. In addition, it has to attack the main keyword for which we want to position the page.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Description\"><\/span>Description<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The Metadescription, , complements the previous tag, because if one serves to condense in a title what you will find inside the URL, this one shows a brief description of the contents.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Like the title, the description is also displayed in the search results.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">A good description is around 155 characters long, it explains the contents in a condensed and brief way, without overusing keywords and, of course, it must be original and unique.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This tag is very useful not only to summarize what is inside the page, but also to highlight the advantages of our service over the competition in the case of an online business and attract more potential users.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Robots\"><\/span>Robots<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">This meta tag is used to tell crawler bots, such as Google's own, how to interact with each URL. This tag must follow a syntax like this:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In the attribute \u201cname\u201d we must specify that it is robots. And in the \u201ccontent\u201d attribute we must specify how we want the crawling bot of the search engine, such as Google or Bing, to proceed with the page.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In the \u201ccontent\u201d attribute we can specify several actions, but the most important are:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Index: we want this URL to be indexed in search engines.&lt;\/p&gt; &lt;p&gt;Noindex: we do not want the URL to be indexed.<\/li>\n\n\n\n<li>Follow: we indicate to the crawlers that they can follow the links of that URL.<\/li>\n\n\n\n<li>Nofollow: crawlers that will not follow any link within that URL.<\/li>\n\n\n\n<li>None: we indicate that we do not want neither the URL to be indexed nor the links within it to follow.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">There are more attributes that we can use with the robots meta tag, but these are the most important ones.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">And why do we want to prevent the crawler from indexing one of my URLs? It may sound counterproductive, but there are pages that are not worth search engines having in their indexes, such as the cart page or the login page, as well as avoiding duplicate content problems if we have two pages with very similar content.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The main objective is to make the crawler bot crawl only the pages of interest completely and show the user those that we want or will be relevant.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"El_valor_del_HTML_para_el_SEO\"><\/span>The value of HTML for SEO<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Before finishing, we want to clarify that it does not mean that just because you do not meet these standards your website will fail (in the end, even Google's own website has these problems). But of course the fact of complying with them brings important benefits for organic positioning and therefore we recommend that you work this section of your website.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In order to solve these problems, we do not need to review the entire code of the web, as it would take us many hours. There are different modules or plugins that we can use in our CMS to help us solve these problems.&lt;\/p&gt; &lt;p&gt;The moral or thought to extract, is that it is very important that we take care of our web pages internally. Because, although it may not seem so, it can affect the positioning of this, and therefore the number of users who enter.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The tags we have shown are the most basic ones that should be well optimized, but they are not the only ones. There are many more tags that, if misused, can affect other aspects, such as the internationalization of a website or multilingual, duplicate content, even the way in which the crawler bot can examine and load your website.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">That's why, in the face of these ordeals and many more, we have a team specialized in finding these problems, solving them and optimizing your website to get better results. Improve your web positioning, your ads in search engines, your appearance in social networks and many more aspects of your business by improving your website with Geotelecom.<\/p>","protected":false},"excerpt":{"rendered":"<p>Today, most of the world often surfs the Internet, but many people don&#039;t really know how web pages work. One of the main bases of web pages is HTML. This is a markup language used to translate the information we want to display on the web and, along with other tools such as JavaScript and CSS, sets the standard for building web pages. It is known by all that the good use of HTML tags in web pages is crucial for organic positioning. This is because search engines such as Google use the W3C as a factor in their ranking algorithm, but what is the W3C? What is the W3C? The W3C or World Wide Web Consortium is an international consortium that has set standards for how HTML tags should be structured and added to a website. If these standards are not met, the task of crawling and readability of the page and, therefore, its indexing is difficult.  Most web pages do not fully comply with this consortium, including not only small pages, but also very large pages such as Amazon or even Google itself. That is why this time we wanted to talk about what are the most common problems when structuring the HTML of your website and that can affect SEO. HTML headers of the web One of the most important tags on a website are the headers. This tag is used to give a title or subtitle to a section and explain what it will contain. In addition, it is not only used to make it easier for users to read, it is also used by Google to know what the content of the page is and to categorize it better. This tag must follow a &ldquo;matryoshka&ldquo; system, that is to say, it must follow a hierarchical order. We can use up to 6 types of headings, using the tag &lt;h&gt; accompanied by a number, from 1 to 6. Each one of them has a size, being &lt;h1&gt; the largest and &lt;h6&gt; the smallest.  One of the most common mistakes when using these tags is not structuring them correctly. If you want to add a smaller header to your &lt;h1&gt;, you cannot directly use a &lt;h4&gt;, but you have to use a &lt;h2&gt;. That is, they must follow the order of sizes. To show it in a more visual way, the previous image shows a correct use of structuring this tag. Alternative texts of the images This is one of the most common errors in the web pages that arrive at the time of including images, and it is specifically the alternative texts. Within the image tags there is an attribute called &ldquo;alt&rdquo; which serves to give a brief description of what the image contains. &lt;img src=&quot;&rdquo;url&rdquo;&quot; alt=&quot;&rdquo;Description.&quot; de la imagen&rdquo;&gt;. The most direct purpose is that the bots know what is inside the image and can categorize it more easily, thus making it easier to achieve a correct indexing and, therefore, a better positioning.  The other purpose has to do with accessibility for the visually impaired. There are a number of very useful applications for these people that read aloud the content of a website as they browse it, and when they reach an image, they read this alternative description. Meta tags First of all, what are meta tags? They are tags that are used to give information to search engines about the content or how to interact with a URL, and the content of these is not shown to the user. These tags must be inside the HTML header (&lt;head&gt;), along with scripts and CSS formatting files. There are several different meta tags, but in this post we are going to focus on 3 of them: titles, metadescriptions and robots. Titles Of the metatags, perhaps this is the most important and basic. With this tag, you tell the crawlers the content they are going to find inside the URL. Each title within the web must be unique and descriptive, and should always be 65 characters or less. Apart from providing information to search engines, it is also the title that is displayed in the search results or SERPs. An important SEO tip is that the title should not be the same as the h1 of the page, but both have to show similar information, so that there is consistency. In addition, it has to attack the main keyword for which we want to position the page. Description The Metadescription, &lt;meta name=&quot;&rdquo;description&rdquo;&quot;&gt;, complements the previous tag, since if one serves to condense in a title what you are going to find inside the URL, this one shows a brief description of the contents.  Like the title, the description is also shown in the search results. A good description has around 155 characters, it explains in a condensed and brief way the contents, without abusing keywords and, of course, it must be original and unique.  This tag is very useful not only to summarize what is inside the page, but also to highlight the advantages of our service over the competition in the case of an online business and attract more potential users. Robots This meta tag serves to tell crawling bots, such as Google&#039;s own, how to interact with each URL. This tag should follow a syntax like this: &lt;meta name=&quot;&rdquo;robots&rdquo;&quot; content=&quot;&rdquo;noindex&rdquo;&nbsp;&quot;&gt; In the attribute &ldquo;name&rdquo; we must specify that it is robots. And in the &ldquo;content&rdquo; attribute we must specify how we want the crawling bot of the search engine, such as Google or Bing, to proceed with the page.  In the &ldquo;content&rdquo; attribute we can specify several actions, but the most important are: There are more attributes we can use with the robots meta tag, but these are.<\/p>","protected":false},"author":111,"featured_media":6369,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[23],"tags":[],"class_list":["post-5496","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-posicionamiento-web"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>HTML b\u00e1sico para mejorar el SEO - Geotelecom<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.geotelecom.es\/en\/blog\/basic-html-improve-seo\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"HTML b\u00e1sico para mejorar el SEO - Geotelecom\" \/>\n<meta property=\"og:description\" content=\"A d\u00eda de hoy, la mayor\u00eda del mundo navegamos a menudo por internet, pero muchas personas no saben realmente c\u00f3mo funcionan las p\u00e1ginas web. Una de las bases principales de las p\u00e1ginas web es el HTML. Este es un lenguaje de marcas que sirve para plasmar en la web la informaci\u00f3n que queremos mostrar y, junto a otras herramientas como JavaScript y CSS, marca el est\u00e1ndar de construcci\u00f3n de las p\u00e1ginas web. Es conocido por todos que el buen uso de las etiquetas HTML en las p\u00e1ginas web es crucial para el posicionamiento org\u00e1nico. Esto es debido a que los&nbsp;motores de b\u00fasqueda&nbsp;como Google usan el W3C como&nbsp;un factor m\u00e1s en su&nbsp;algoritmo de posicionamiento,&nbsp;pero, \u00bfqu\u00e9 es el W3C? \u00bfQu\u00e9 es el W3C? El W3C o World Wide Web Consortium es un consorcio internacional que ha dictaminado unos est\u00e1ndares de c\u00f3mo deben estar estructuradas y a\u00f1adidas las etiquetas HTML de una web. En caso de que no se cumplan estos est\u00e1ndares, se dificulta la tarea de rastreo y legibilidad de la p\u00e1gina y, por tanto, de su indexaci\u00f3n.\u00a0 La mayor\u00eda de p\u00e1ginas web no cumplen enteramente este consorcio, incluyendo no solo a p\u00e1ginas peque\u00f1as, sino tambi\u00e9n a p\u00e1ginas muy grandes como Amazon o incluso la propia Google. Es por esto que en esta ocasi\u00f3n hemos querido hablar de cu\u00e1les son los problemas m\u00e1s comunes a la hora de estructurar el HTML de tu web y que pueden afectar al SEO. Encabezados HTML de la web Una de las etiquetas m\u00e1s importantes en una web son los encabezados o \u201cheaders Esta etiqueta sirve para dar un t\u00edtulo o subt\u00edtulo a una secci\u00f3n y explicar qu\u00e9 va a contener. Adem\u00e1s, no solo sirve para facilitar a los usuarios la lectura, tambi\u00e9n lo utiliza Google para saber cu\u00e1l es el contenido de la p\u00e1gina y poder categorizarla mejor. Esta etiqueta debe seguir un sistema de \u201cmatrioskas\u201d, es decir, que deben seguir un orden de jerarqu\u00eda. Podemos usar hasta 6 tipos de encabezados, usando la etiqueta &lt;h&gt; acompa\u00f1ada de un n\u00famero, desde el 1 hasta el 6. Cada una de ellas tiene un tama\u00f1o, siendo &lt;h1&gt; el m\u00e1s grande y &lt;h6&gt; el m\u00e1s peque\u00f1o.\u00a0 Uno de los errores m\u00e1s frecuentes al usar estas etiquetas es que no las estructuran de forma correcta. Si quieres a\u00f1adir un encabezado m\u00e1s peque\u00f1o a tu &lt;h1&gt;, no puedes usar directamente un &lt;h4&gt;, sino que tienes que usar un &lt;h2&gt;. Es decir, deben seguir el orden de tama\u00f1os. Para mostrarlo de forma m\u00e1s visual, la anterior imagen muestra un uso correcto de estructuraci\u00f3n de esta etiqueta. Textos alternativos de las im\u00e1genes Este es uno de los errores m\u00e1s comunes en las p\u00e1ginas web que llegan a la hora de incluir im\u00e1genes, y es concretamente los textos alternativos. Dentro de las etiquetas de las im\u00e1genes existe un atributo llamado \u201calt\u201d que sirve para dar una breve descripci\u00f3n de lo que contiene dicha imagen &lt;img src=\u201durl\u201d alt=\u201dDescripci\u00f3n de la imagen\u201d&gt;. La finalidad m\u00e1s directa es que los bots sepan qu\u00e9 hay dentro de la imagen y puedan categorizarla m\u00e1s f\u00e1cilmente, consiguiendo por tanto que sea m\u00e1s f\u00e1cil lograr una indexaci\u00f3n correcta y, por ende, un mejor posicionamiento.\u00a0 La otra finalidad tiene que ver con la accesibilidad para las personas con capacidades visuales reducidas. Existen una serie de aplicaciones muy \u00fatiles para estas personas que leen en voz alta el contenido de una web a medida que navegan por ella, y cuando llegan a una imagen, leen esta descripci\u00f3n alternativa. Metaetiquetas Antes de nada, \u00bfqu\u00e9 son las metaetiquetas? Son etiquetas que se usan para dar informaci\u00f3n a los motores de b\u00fasqueda sobre el contenido o c\u00f3mo interactuar con una URL, y el contenido de estas no se muestra al usuario. Estas etiquetas deben ir dentro de la cabecera del HTML (&lt;head&gt;), junto a los scripts y archivos de formato CSS. Existen varias metaetiquetas distintas, pero en este post vamos a centrarnos en 3 de ellas: titles, metadescriptions y robots. Titles De las metaetiquetas, quiz\u00e1 esta sea la m\u00e1s importante y b\u00e1sica. Con esta etiqueta, , le dices a los rastreadores el contenido que van a encontrar dentro de la URL. Cada title dentro de la web debe de ser \u00fanico y descriptivo, y siempre debe de ser de 65 caracteres o menos. Aparte de servir para dar informaci\u00f3n a los buscadores, tambi\u00e9n es el t\u00edtulo que se muestra en los resultados de b\u00fasqueda o SERPs. Un consejo importante a nivel SEO es que el title no debe ser igual que el h1 de la p\u00e1gina, pero ambos tienen que mostrar informaci\u00f3n parecida, para que haya consistencia. Adem\u00e1s, ha de atacar la palabra clave principal a la que queremos posicionar dicha p\u00e1gina. Description La Metadescription, &lt;meta name=\u201ddescription\u201d&gt;, complementa a la anterior etiqueta, ya que si una sirve para condensar en un t\u00edtulo qu\u00e9 vas a encontrar dentro de la URL, esta muestra una breve descripci\u00f3n de los contenidos.&nbsp; Al igual que el title, la description o descripci\u00f3n, tambi\u00e9n se muestra en los resultados de b\u00fasqueda. Una buena descripci\u00f3n tiene en torno a 155 caracteres, explica de forma condensada y breve los contenidos, sin abusar de palabras clave y, c\u00f3mo no, debe ser original y \u00fanica.&nbsp; Esta etiqueta es muy \u00fatil no solo para resumir lo que hay dentro de la p\u00e1gina, sino que tambi\u00e9n podemos sacar a relucir las ventajas de nuestro servicio frente a la competencia en el caso de un negocio online y atraer a m\u00e1s posibles usuarios. Robots Esta metaetiqueta sirve para decirles a los bots de rastreo, como el del propio Google, c\u00f3mo tiene que interactuar con cada URL. Esta etiqueta debe seguir una sintaxis como esta: &lt;meta name=\u201drobots\u201d content=\u201dnoindex\u201d&nbsp;&gt; En el atributo \u201cname\u201d debemos especificar que es robots. Y en el atributo \u201ccontent\u201d debemos especificar c\u00f3mo queremos que el bot de rastreo del motor de b\u00fasqueda, como Google o Bing, proceda con la p\u00e1gina.&nbsp; En el atributo \u201ccontent\u201d podemos especificar varias acciones, pero las m\u00e1s importantes son: Existen m\u00e1s atributos que podemos usar con la metaetiqueta robots, pero estos\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.geotelecom.es\/en\/blog\/basic-html-improve-seo\/\" \/>\n<meta property=\"og:site_name\" content=\"Geotelecom\" \/>\n<meta property=\"article:published_time\" content=\"2023-05-16T13:33:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-30T10:50:45+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.geotelecom.es\/wp-content\/uploads\/2026\/03\/cabecera-42.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"400\" \/>\n\t<meta property=\"og:image:height\" content=\"400\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Basic HTML to improve SEO - Geotelecom","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.geotelecom.es\/en\/blog\/basic-html-improve-seo\/","og_locale":"en_US","og_type":"article","og_title":"HTML b\u00e1sico para mejorar el SEO - Geotelecom","og_description":"A d\u00eda de hoy, la mayor\u00eda del mundo navegamos a menudo por internet, pero muchas personas no saben realmente c\u00f3mo funcionan las p\u00e1ginas web. Una de las bases principales de las p\u00e1ginas web es el HTML. Este es un lenguaje de marcas que sirve para plasmar en la web la informaci\u00f3n que queremos mostrar y, junto a otras herramientas como JavaScript y CSS, marca el est\u00e1ndar de construcci\u00f3n de las p\u00e1ginas web. Es conocido por todos que el buen uso de las etiquetas HTML en las p\u00e1ginas web es crucial para el posicionamiento org\u00e1nico. Esto es debido a que los&nbsp;motores de b\u00fasqueda&nbsp;como Google usan el W3C como&nbsp;un factor m\u00e1s en su&nbsp;algoritmo de posicionamiento,&nbsp;pero, \u00bfqu\u00e9 es el W3C? \u00bfQu\u00e9 es el W3C? El W3C o World Wide Web Consortium es un consorcio internacional que ha dictaminado unos est\u00e1ndares de c\u00f3mo deben estar estructuradas y a\u00f1adidas las etiquetas HTML de una web. En caso de que no se cumplan estos est\u00e1ndares, se dificulta la tarea de rastreo y legibilidad de la p\u00e1gina y, por tanto, de su indexaci\u00f3n.\u00a0 La mayor\u00eda de p\u00e1ginas web no cumplen enteramente este consorcio, incluyendo no solo a p\u00e1ginas peque\u00f1as, sino tambi\u00e9n a p\u00e1ginas muy grandes como Amazon o incluso la propia Google. Es por esto que en esta ocasi\u00f3n hemos querido hablar de cu\u00e1les son los problemas m\u00e1s comunes a la hora de estructurar el HTML de tu web y que pueden afectar al SEO. Encabezados HTML de la web Una de las etiquetas m\u00e1s importantes en una web son los encabezados o \u201cheaders Esta etiqueta sirve para dar un t\u00edtulo o subt\u00edtulo a una secci\u00f3n y explicar qu\u00e9 va a contener. Adem\u00e1s, no solo sirve para facilitar a los usuarios la lectura, tambi\u00e9n lo utiliza Google para saber cu\u00e1l es el contenido de la p\u00e1gina y poder categorizarla mejor. Esta etiqueta debe seguir un sistema de \u201cmatrioskas\u201d, es decir, que deben seguir un orden de jerarqu\u00eda. Podemos usar hasta 6 tipos de encabezados, usando la etiqueta &lt;h> acompa\u00f1ada de un n\u00famero, desde el 1 hasta el 6. Cada una de ellas tiene un tama\u00f1o, siendo &lt;h1> el m\u00e1s grande y &lt;h6> el m\u00e1s peque\u00f1o.\u00a0 Uno de los errores m\u00e1s frecuentes al usar estas etiquetas es que no las estructuran de forma correcta. Si quieres a\u00f1adir un encabezado m\u00e1s peque\u00f1o a tu &lt;h1>, no puedes usar directamente un &lt;h4>, sino que tienes que usar un &lt;h2>. Es decir, deben seguir el orden de tama\u00f1os. Para mostrarlo de forma m\u00e1s visual, la anterior imagen muestra un uso correcto de estructuraci\u00f3n de esta etiqueta. Textos alternativos de las im\u00e1genes Este es uno de los errores m\u00e1s comunes en las p\u00e1ginas web que llegan a la hora de incluir im\u00e1genes, y es concretamente los textos alternativos. Dentro de las etiquetas de las im\u00e1genes existe un atributo llamado \u201calt\u201d que sirve para dar una breve descripci\u00f3n de lo que contiene dicha imagen &lt;img src=\u201durl\u201d alt=\u201dDescripci\u00f3n de la imagen\u201d>. La finalidad m\u00e1s directa es que los bots sepan qu\u00e9 hay dentro de la imagen y puedan categorizarla m\u00e1s f\u00e1cilmente, consiguiendo por tanto que sea m\u00e1s f\u00e1cil lograr una indexaci\u00f3n correcta y, por ende, un mejor posicionamiento.\u00a0 La otra finalidad tiene que ver con la accesibilidad para las personas con capacidades visuales reducidas. Existen una serie de aplicaciones muy \u00fatiles para estas personas que leen en voz alta el contenido de una web a medida que navegan por ella, y cuando llegan a una imagen, leen esta descripci\u00f3n alternativa. Metaetiquetas Antes de nada, \u00bfqu\u00e9 son las metaetiquetas? Son etiquetas que se usan para dar informaci\u00f3n a los motores de b\u00fasqueda sobre el contenido o c\u00f3mo interactuar con una URL, y el contenido de estas no se muestra al usuario. Estas etiquetas deben ir dentro de la cabecera del HTML (&lt;head&gt;), junto a los scripts y archivos de formato CSS. Existen varias metaetiquetas distintas, pero en este post vamos a centrarnos en 3 de ellas: titles, metadescriptions y robots. Titles De las metaetiquetas, quiz\u00e1 esta sea la m\u00e1s importante y b\u00e1sica. Con esta etiqueta, , le dices a los rastreadores el contenido que van a encontrar dentro de la URL. Cada title dentro de la web debe de ser \u00fanico y descriptivo, y siempre debe de ser de 65 caracteres o menos. Aparte de servir para dar informaci\u00f3n a los buscadores, tambi\u00e9n es el t\u00edtulo que se muestra en los resultados de b\u00fasqueda o SERPs. Un consejo importante a nivel SEO es que el title no debe ser igual que el h1 de la p\u00e1gina, pero ambos tienen que mostrar informaci\u00f3n parecida, para que haya consistencia. Adem\u00e1s, ha de atacar la palabra clave principal a la que queremos posicionar dicha p\u00e1gina. Description La Metadescription, &lt;meta name=\u201ddescription\u201d&gt;, complementa a la anterior etiqueta, ya que si una sirve para condensar en un t\u00edtulo qu\u00e9 vas a encontrar dentro de la URL, esta muestra una breve descripci\u00f3n de los contenidos.&nbsp; Al igual que el title, la description o descripci\u00f3n, tambi\u00e9n se muestra en los resultados de b\u00fasqueda. Una buena descripci\u00f3n tiene en torno a 155 caracteres, explica de forma condensada y breve los contenidos, sin abusar de palabras clave y, c\u00f3mo no, debe ser original y \u00fanica.&nbsp; Esta etiqueta es muy \u00fatil no solo para resumir lo que hay dentro de la p\u00e1gina, sino que tambi\u00e9n podemos sacar a relucir las ventajas de nuestro servicio frente a la competencia en el caso de un negocio online y atraer a m\u00e1s posibles usuarios. Robots Esta metaetiqueta sirve para decirles a los bots de rastreo, como el del propio Google, c\u00f3mo tiene que interactuar con cada URL. Esta etiqueta debe seguir una sintaxis como esta: &lt;meta name=\u201drobots\u201d content=\u201dnoindex\u201d&nbsp;&gt; En el atributo \u201cname\u201d debemos especificar que es robots. Y en el atributo \u201ccontent\u201d debemos especificar c\u00f3mo queremos que el bot de rastreo del motor de b\u00fasqueda, como Google o Bing, proceda con la p\u00e1gina.&nbsp; En el atributo \u201ccontent\u201d podemos especificar varias acciones, pero las m\u00e1s importantes son: Existen m\u00e1s atributos que podemos usar con la metaetiqueta robots, pero estos","og_url":"https:\/\/www.geotelecom.es\/en\/blog\/basic-html-improve-seo\/","og_site_name":"Geotelecom","article_published_time":"2023-05-16T13:33:00+00:00","article_modified_time":"2026-04-30T10:50:45+00:00","og_image":[{"width":400,"height":400,"url":"https:\/\/www.geotelecom.es\/wp-content\/uploads\/2026\/03\/cabecera-42.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Written by":"","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.geotelecom.es\/blog\/html-basico-mejorar-seo\/#article","isPartOf":{"@id":"https:\/\/www.geotelecom.es\/blog\/html-basico-mejorar-seo\/"},"author":{"name":"","@id":""},"headline":"HTML b\u00e1sico para mejorar el SEO","datePublished":"2023-05-16T13:33:00+00:00","dateModified":"2026-04-30T10:50:45+00:00","mainEntityOfPage":{"@id":"https:\/\/www.geotelecom.es\/blog\/html-basico-mejorar-seo\/"},"wordCount":1593,"commentCount":0,"image":{"@id":"https:\/\/www.geotelecom.es\/blog\/html-basico-mejorar-seo\/#primaryimage"},"thumbnailUrl":"https:\/\/www.geotelecom.es\/wp-content\/uploads\/2026\/03\/cabecera-42.jpg","articleSection":["Posicionamiento web"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.geotelecom.es\/blog\/html-basico-mejorar-seo\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.geotelecom.es\/blog\/html-basico-mejorar-seo\/","url":"https:\/\/www.geotelecom.es\/blog\/html-basico-mejorar-seo\/","name":"Basic HTML to improve SEO - Geotelecom","isPartOf":{"@id":"https:\/\/www.geotelecom.es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.geotelecom.es\/blog\/html-basico-mejorar-seo\/#primaryimage"},"image":{"@id":"https:\/\/www.geotelecom.es\/blog\/html-basico-mejorar-seo\/#primaryimage"},"thumbnailUrl":"https:\/\/www.geotelecom.es\/wp-content\/uploads\/2026\/03\/cabecera-42.jpg","datePublished":"2023-05-16T13:33:00+00:00","dateModified":"2026-04-30T10:50:45+00:00","author":{"@id":""},"breadcrumb":{"@id":"https:\/\/www.geotelecom.es\/blog\/html-basico-mejorar-seo\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.geotelecom.es\/blog\/html-basico-mejorar-seo\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.geotelecom.es\/blog\/html-basico-mejorar-seo\/#primaryimage","url":"https:\/\/www.geotelecom.es\/wp-content\/uploads\/2026\/03\/cabecera-42.jpg","contentUrl":"https:\/\/www.geotelecom.es\/wp-content\/uploads\/2026\/03\/cabecera-42.jpg","width":400,"height":400},{"@type":"BreadcrumbList","@id":"https:\/\/www.geotelecom.es\/blog\/html-basico-mejorar-seo\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/www.geotelecom.es\/"},{"@type":"ListItem","position":2,"name":"HTML b\u00e1sico para mejorar el SEO"}]},{"@type":"WebSite","@id":"https:\/\/www.geotelecom.es\/#website","url":"https:\/\/www.geotelecom.es\/","name":"Geotelecom","description":"Digital Marketing Agency","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.geotelecom.es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"","url":"https:\/\/www.geotelecom.es\/en\/blog\/author\/"}]}},"_links":{"self":[{"href":"https:\/\/www.geotelecom.es\/en\/wp-json\/wp\/v2\/posts\/5496","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.geotelecom.es\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.geotelecom.es\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.geotelecom.es\/en\/wp-json\/wp\/v2\/users\/111"}],"replies":[{"embeddable":true,"href":"https:\/\/www.geotelecom.es\/en\/wp-json\/wp\/v2\/comments?post=5496"}],"version-history":[{"count":4,"href":"https:\/\/www.geotelecom.es\/en\/wp-json\/wp\/v2\/posts\/5496\/revisions"}],"predecessor-version":[{"id":9618,"href":"https:\/\/www.geotelecom.es\/en\/wp-json\/wp\/v2\/posts\/5496\/revisions\/9618"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.geotelecom.es\/en\/wp-json\/wp\/v2\/media\/6369"}],"wp:attachment":[{"href":"https:\/\/www.geotelecom.es\/en\/wp-json\/wp\/v2\/media?parent=5496"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.geotelecom.es\/en\/wp-json\/wp\/v2\/categories?post=5496"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.geotelecom.es\/en\/wp-json\/wp\/v2\/tags?post=5496"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}