{"id":991,"date":"2018-03-25T13:58:58","date_gmt":"2018-03-25T17:58:58","guid":{"rendered":"https:\/\/tecnojupiter.net\/?p=991"},"modified":"2020-09-08T14:49:37","modified_gmt":"2020-09-08T18:49:37","slug":"justificar-texto-seo","status":"publish","type":"post","link":"https:\/\/tecnojupiter.test\/justificar-texto-seo\/","title":{"rendered":"Justificar el texto en los post \u00bfEs bueno para el SEO?"},"content":{"rendered":"\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img fetchpriority=\"low\" decoding=\"async\" loading=\"lazy\" width=\"1280\" height=\"720\" src=\"https:\/\/tecnojupiter.test\/wp-content\/uploads\/2018\/03\/justificas-el-texto-con-html-o-css.png\" alt=\"justificar el texto con css o html, el porqu\u00e9 no debes hacerlo\" class=\"wp-image-994\" srcset=\"https:\/\/tecnojupiter.test\/wp-content\/uploads\/2018\/03\/justificas-el-texto-con-html-o-css.png 1280w, https:\/\/tecnojupiter.test\/wp-content\/uploads\/2018\/03\/justificas-el-texto-con-html-o-css-800x450.png 800w, https:\/\/tecnojupiter.test\/wp-content\/uploads\/2018\/03\/justificas-el-texto-con-html-o-css-384x216.png 384w\" sizes=\"(max-width: 1280px) 100vw, 1280px\" \/><\/figure><\/div>\n\n\n\n<p>Has escrito un post de al menos <strong>2000 palabras<\/strong> o estas por publicar tu primer post en tu blog y como probablemente lo haces en tu informes escritos en una herramienta de office se te ocurre la idea de justificar todo el texto y finalmente publicas el articulo.<\/p>\n\n\n\n<p><strong>\u00a1\u00bbGrave error fatal acabas de cometer!\u00bb&nbsp;&nbsp;\u00a1\u00a1\u00bfeh por qu\u00e9?!\u00bb<\/strong><\/p>\n\n\n\n<p>Como quiz\u00e1s te habr\u00e1s dado cuenta la mayor\u00eda de los textos que leemos en las p\u00e1ginas web que visitamos est\u00e1n alineados a la izquierda. Y esto tiene una explicaci\u00f3n:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote\"><p>Muchas personas con discapacidades cognitivas tienen una gran cantidad de problemas con bloques de texto que est\u00e1n justificados (alineados con los m\u00e1rgenes izquierdo y derecho). Los espacios entre las palabras crean \u00abr\u00edos de blanco\u00bb que corren por la p\u00e1gina, lo que puede dificultar el texto para que algunas personas lo lean. Este error describe situaciones en las que se produce este dise\u00f1o de texto confuso. La mejor forma de evitar este problema es no crear un dise\u00f1o de texto que est\u00e9 completamente justificado (alineado con los m\u00e1rgenes izquierdo y derecho). &#8211; <a href=\"https:\/\/www.w3.org\/TR\/2008\/NOTE-WCAG20-TECHS-20081211\/F88.html\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"><strong>W3C<\/strong><\/a><\/p><\/blockquote>\n\n\n\n<p><strong>Adem\u00e1s existe otro estudio donde demuestran que una persona lee m\u00e1s r\u00e1pido el texto cuando esta alineado hacia la izquierda, y lee m\u00e1s lento cuando el texto esta ajustado a ambos margenes izquierdo y derecho (justificado).<\/strong><\/p>\n\n\n\n<div id=\"toc_container\" class=\"no_bullets\"><p class=\"toc_title\">&Iacute;ndice de contenido<\/p><ul class=\"toc_list\"><li><a href=\"#en_que_consiste_la_justificacion_de_texto_en_la_web_y_como_se_aplica\">En que consiste la justificaci\u00f3n de texto en la web y como se aplica<\/a><\/li><li><a href=\"#nbsp\">&nbsp;<\/a><\/li><li><a href=\"#justificar_el_texto_en_los_post_es_buena_practica_para_el_seo\">\u00bfJustificar el texto en los post es buena practica para el SEO?<\/a><\/li><li><a href=\"#conclusion\">Conclusi\u00f3n<\/a><\/li><\/ul><\/div>\n<h2 class=\"wp-block-heading\"><span id=\"en_que_consiste_la_justificacion_de_texto_en_la_web_y_como_se_aplica\">En que consiste la justificaci\u00f3n de texto en la web y como se aplica<\/span><\/h2>\n\n\n\n<p>En una p\u00e1gina web la justificaci\u00f3n de texto consiste en extender las palabras en cada l\u00ednea de p\u00e1rrafo para abarcar toda la columna. Es decir, cada linea en el texto tendr\u00e1 exactamente el mismo ancho que la linea anterior excepto tal vez para la ultima linea, para cumplir con los m\u00e1rgenes alineados izquierdo y derecho.<\/p>\n\n\n\n<p>Para justificar un texto el c\u00f3digo HTML o atributo que debemos aplicar al p\u00e1rrafo es \u00ab<strong>text-align: justify<\/strong>\u00ab, si usas el gestor de contenido WordPress por ejemplo, basta con seleccionar el texto y utilizar el atajo de teclado Alt + Shift <code>(\u21e7)<\/code> + j.<\/p>\n\n\n\n<p>\u00bfNo eres un fan\u00e1tico de usar atajos de teclado?&nbsp;Entonces necesitas&nbsp;instalar un plugins de nombre <a href=\"http:\/\/wordpress.org\/extend\/plugins\/tinymce-advanced\/\" target=\"_blank\" rel=\"noopener noreferrer\">TinyMCE advanced<\/a> para WordPress el cual agregar\u00e1 una funci\u00f3n adicional a la barra de herramientas superior del panel de edici\u00f3n de post.<\/p>\n\n\n\n<p>Hay una regla muy simple que debes tener en cuenta si quieres justificar un texto en un sitio web:<\/p>\n\n\n\n<div class=\"ts_info\">Si el texto a justificar tiene menos de 50 caracteres por l\u00ednea, nunca se debe de justificar. En este caso se producen amplios espacios que interrumpen la lectura.<\/div>\n\n\n\n<p>Como te muestro en el siguiente gif.<\/p>\n\n\n\n<div class=\"wp-block-image &quot;wp-caption-text&quot; wp-image-992 size-full\"><figure class=\"aligncenter\"><img fetchpriority=\"low\" decoding=\"async\" loading=\"lazy\" width=\"400\" height=\"181\" src=\"https:\/\/tecnojupiter.test\/wp-content\/uploads\/2020\/04\/rios-blancos-al-justificar_udh8uj.gif\" alt=\"r\u00edos blancos al justificar\" class=\"wp-image-992\" srcset=\"https:\/\/tecnojupiter.test\/wp-content\/uploads\/2020\/04\/rios-blancos-al-justificar_udh8uj.gif 400w, https:\/\/tecnojupiter.test\/wp-content\/uploads\/2020\/04\/rios-blancos-al-justificar_udh8uj-300x136.gif 300w\" sizes=\"(max-width: 400px) 100vw, 400px\" \/><figcaption>Justificar crea grandes brechas entre las palabras. A veces, estas brechas se alinean y forman lo que se llama \u00abr\u00edos\u00bb dentro del bloque de texto. Lo que interrumpe la lectura y hace que el texto sea desigual. El texto debe leerse, as\u00ed que no lo sacrifique solo por tener l\u00edneas n\u00edtidas a lo largo de los bordes.<\/figcaption><\/figure><\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><span id=\"nbsp\">&nbsp;<\/span><\/h2>\n\n\n\n<h2 class=\"wp-block-heading\"><span id=\"justificar_el_texto_en_los_post_es_buena_practica_para_el_seo\">\u00bfJustificar el texto en los post es buena practica para el SEO?<\/span><\/h2>\n\n\n\n<p>Respuesta r\u00e1pida, <strong>\u00a1NO!<\/strong><\/p>\n\n\n\n<p>Aqu\u00ed te explicare el porqu\u00e9.<\/p>\n\n\n\n<p>A parte de lo anteriormente mencionado, la manera en que los rastreadores web como bingbot y otros ven nuestro contenido es muy diferente a cuando nosotros lo leemos desde cualquier dispositivo.<\/p>\n\n\n\n<p><strong>A la mayor\u00eda de los rastreadores no les importa mucho el tipo de fuente que tenga tu sitio web, los colores o si el dise\u00f1o es elegante.<\/strong><\/p>\n\n\n\n<p>Porque cuando por ejemplo el <a href=\"https:\/\/tecnojupiter.test\/crear-archivo-robots-txt-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\">robots<\/a> de Bingbot rastrea tu sitio web todo lo que le \u00abinteresa\u00bb es el contenido y HTML que rodea el texto.<\/p>\n\n\n\n<p>Para ilustrar mejor as\u00ed vemos nosotros un post o sitio web cuando lo visitamos<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img fetchpriority=\"low\" decoding=\"async\" loading=\"lazy\" width=\"300\" height=\"224\" src=\"https:\/\/tecnojupiter.test\/wp-content\/uploads\/2020\/04\/sitio-web-tecnojC3BApiter_mjxiaa-300x224.png\" alt=\"sitio web tecnoj\u00fapiter\" class=\"wp-image-995\" srcset=\"https:\/\/tecnojupiter.test\/wp-content\/uploads\/2020\/04\/sitio-web-tecnojC3BApiter_mjxiaa-300x224.png 300w, https:\/\/tecnojupiter.test\/wp-content\/uploads\/2020\/04\/sitio-web-tecnojC3BApiter_mjxiaa.png 502w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/figure><\/div>\n\n\n\n<p>Y as\u00ed es como el robots de bing o otro rastreador ve el sitio o post cuando lo visita.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img fetchpriority=\"low\" decoding=\"async\" loading=\"lazy\" width=\"1100\" height=\"519\" src=\"https:\/\/tecnojupiter.test\/wp-content\/uploads\/2020\/04\/rastreador-contenido-html_cchvhg.png\" alt=\"contenido c\u00f3digo fuente html\" class=\"wp-image-996\" srcset=\"https:\/\/tecnojupiter.test\/wp-content\/uploads\/2020\/04\/rastreador-contenido-html_cchvhg.png 1100w, https:\/\/tecnojupiter.test\/wp-content\/uploads\/2020\/04\/rastreador-contenido-html_cchvhg-600x283.png 600w, https:\/\/tecnojupiter.test\/wp-content\/uploads\/2020\/04\/rastreador-contenido-html_cchvhg-300x142.png 300w\" sizes=\"(max-width: 1100px) 100vw, 1100px\" \/><\/figure><\/div>\n\n\n\n<p>Como podr\u00e1s darte cuenta el rastreador solo vera el c\u00f3digo fuente del sitio, as\u00ed que;<\/p>\n\n\n\n<p style=\"text-align: center\"><span class=\"bg_label blue\">Mientras m\u00e1s limpia sea su escritura = M\u00e1s SEO en su blog<\/span>\u00a0<\/p>\n\n\n\n<p>De manera que, si justificas los p\u00e1rrafos y ya viste como el rastreador lee el contenido de las paginas web.<\/p>\n\n\n\n<p><strong>Tu escritura cambiara la estructura de la oraci\u00f3n, pongamos otro ejemplo, el texto original es<\/strong>:<\/p>\n\n\n\n<p>&lt;p&gt;La alineaci\u00f3n justificada no es est\u00e1ndar para la web.&lt;\/p&gt;<\/p>\n\n\n\n<p>Si justificas la oraci\u00f3n se vera as\u00ed:<\/p>\n\n\n\n<p>&lt;p style=\u00bbtext-align: justify;\u00bb&gt; La alineaci\u00f3n justificada no es est\u00e1ndar para la web.&lt;\/p&gt;<\/p>\n\n\n\n<p>Y si tienes otro estilo aplicado a p\u00e1rrafos sin justificar que com\u00fanmente utilizan muchos sitios web, la oraci\u00f3n se ver\u00eda de la siguiente manera:<\/p>\n\n\n\n<p>&lt;p style=\u00bbtext-align: justify\u00bb&gt;&lt;font style=\u00bbvertical-align: inherit;\u00bb&gt;&lt;font style=\u00bbvertical-align: inherit;\u00bb&gt;La alineaci\u00f3n justificada no es est\u00e1ndar para la web. &lt;\/font&gt;<\/p>\n\n\n\n<p>Como puedes notar si usas \u00ab<strong>text-align: justify<\/strong>\u00bb para justificar los parraf\u00f3s de tus post cambia el formato de la oraci\u00f3n, lo que conlleva a que el rastreador mire tu escritura m\u00e1s desordenada y no limpia.<\/p>\n\n\n\n<p>Dando como resultado que tu escritura SEO no sea para nada amigable.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span id=\"conclusion\">Conclusi\u00f3n<\/span><\/h2>\n\n\n\n<p>Puede ser tentador querer justificar el contenido de los post por la sencilla idea de que los p\u00e1rrafos tendr\u00e1n un aspecto m\u00e1s ordenado y elegante, pero esta comprobado que la tecnolog\u00eda en la web no est\u00e1 lista para la justificaci\u00f3n.<\/p>\n\n\n\n<p>Ademas, justificar todo el texto en todos tus post no es bueno para el SEO de tu sitio web.<\/p>\n\n\n\n<p>Evita justificar p\u00e1rrafos, esto requiere mucho tiempo y trabajo de ajuste si tratas de equilibrar los espacios entre palabras de cada linea de manera que quede de forma arm\u00f3nica.<\/p>\n\n\n\n<p>Lo que conseguir\u00e1s es que los p\u00e1rrafos con mucho texto justificado no sean le\u00eddos ya que como te mencionaba, el texto justificado es m\u00e1s dif\u00edcil de leer.<\/p>\n\n\n\n<p>Para finalizar, la decisi\u00f3n final depende solo de usted si quiere justificar los p\u00e1rrafos de los post de su sitio web.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Has escrito un post de al menos 2000 palabras o estas por publicar tu primer post en tu blog y como probablemente lo haces en tu informes escritos en una herramienta de office se te ocurre la idea de justificar todo el texto y finalmente publicas el articulo. \u00a1\u00bbGrave error fatal acabas de cometer!\u00bb&nbsp;&nbsp;\u00a1\u00a1\u00bfeh por&#8230;<\/p>\n","protected":false},"author":1,"featured_media":994,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_seopress_robots_primary_cat":"","_editorskit_title_hidden":false,"_editorskit_reading_time":0,"_editorskit_is_block_options_detached":false,"_editorskit_block_options_position":"{}","_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"footnotes":""},"categories":[20],"tags":[24],"_links":{"self":[{"href":"https:\/\/tecnojupiter.test\/wp-json\/wp\/v2\/posts\/991"}],"collection":[{"href":"https:\/\/tecnojupiter.test\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tecnojupiter.test\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tecnojupiter.test\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tecnojupiter.test\/wp-json\/wp\/v2\/comments?post=991"}],"version-history":[{"count":0,"href":"https:\/\/tecnojupiter.test\/wp-json\/wp\/v2\/posts\/991\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tecnojupiter.test\/wp-json\/wp\/v2\/media\/994"}],"wp:attachment":[{"href":"https:\/\/tecnojupiter.test\/wp-json\/wp\/v2\/media?parent=991"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tecnojupiter.test\/wp-json\/wp\/v2\/categories?post=991"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tecnojupiter.test\/wp-json\/wp\/v2\/tags?post=991"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}