Ocultar texto con javascript y seo

Html ocultar contenido

Si la imagen transmite la información que desea «ocultar», entonces sería apropiado ponerla como atributo alt… aunque los motores de búsqueda son cautelosos con las páginas que parecen intentar ocultar texto incluyéndolo en atributos alt.

El atributo alt es el texto que aparece para aquellos que no ven la imagen en absoluto – no aparece cuando el ratón se mueve sobre la imagen (excepto si se olvida de especificar title=»» que se copiará al atributo title en Internet Explorer).

Las personas con las imágenes desactivadas verán la página del mismo modo que los motores de búsqueda, por lo que debe crearla de modo que puedan utilizarla. El texto que facilite a quienes no puedan ver las imágenes debe ser el que también desea que vean los motores de búsqueda por motivos de SEO.

El texto Alt es leído por un lector de pantalla. Tenga en cuenta que sólo las partes importantes de la imagen deben incluirse en el atributo alt. La mayoría de los lectores de pantalla cortan el texto por encima de 255 caracteres, así que no utilice el texto alternativo para decir lo genial que es el sitio/producto/empresa.

Moz on-page seo

Desde la década de 1990, la ocultación de texto ha sido un sello distintivo del SEO de sombrero negro. Al principio, la función principal del texto oculto era el relleno de palabras clave. Ver decenas de palabras clave repetidas para un mismo tema, decenas de palabras clave sin relación alguna con el contenido de la página web y/o decenas de palabras clave que incluyen nombres de rivales haría sospechar a los lectores humanos.

Oculte el texto en la navegación de nivel superior para aumentar la usabilidad. Los visitantes se sienten abrumados cuando se les presenta un menú con cientos de enlaces. Para mantener una experiencia de usuario agradable, los diseñadores web suelen utilizar menús desplegables y otras opciones de diseño para mantener la parte superior de la página web visualmente limpia y comprensible.

Los sitios web que utilizan el diseño responsivo (es decir, un diseño que ajusta la disposición de una página web para una visualización óptima en teléfonos móviles, tabletas y ordenadores de sobremesa) pueden excluir ciertos elementos de contenido de la vista móvil para maximizar el formato y evitar abrumar al usuario móvil con contenido que sería aceptable en una vista de sobremesa.

Formateo para seo

Ocultar texto es uno de los medios de optimización más extendidos. Puede incluir métodos aceptados y enfoques de SEO negro, por ejemplo, la inclusión de palabras clave en las páginas para aumentar su calificación. Este contenido no es visible para los visitantes de un recurso web; sin embargo, es analizado por los robots de búsqueda. Lea más información en el artículo sobre White Hat VS Grey Hat VS Black Hat SEO.

2. Aumentar la usabilidad del sitio. La ocultación visual de contenido en la página del sitio es a veces una técnica necesaria en el diseño y desarrollo web. El texto oculto mejorará la experiencia del usuario para la lectura del contenido.

Así como los métodos de ocultar el texto sin el uso de CSS. CSS se utiliza para ocultar el texto porque es difícil para los rastreadores del sistema de búsqueda para detectar dicho contenido. Estas son algunas formas de utilizar CSS para ocultar texto:

Un ejemplo del uso de este atributo es la creación de versiones imprimibles de los artículos del sitio. Es posible utilizar la versión HTML de la página y hacerla imprimible aplicando el atributo display:none a los elementos de navegación y anuncios de la página. Este método también se utiliza para crear el menú, por ejemplo, DHTML.

Texto oculto html para motores de búsqueda

Sin embargo, los lectores de pantalla tienen un problema con la visibilidad oculta y no mostrar ninguno y por lo tanto el mejor enfoque es simplemente mover el elemento de la izquierda de la pantalla fuera de la ventana gráfica y luego traer de vuelta cuando sea necesario.

Ignora el div envolvente, ya que tienes una clase en el ul. Esto mantiene tu código pequeño. Cualquier ul que sea hijo de tu ul principal será .classname ul, y cualquier sub-ul sería .classname ul ul. Puedes darle a los li’s de la misma manera:

Yo he empezado a usar px en lugar de ems para los márgenes, sólo porque noto que si quiero traer los elementos del submenú a la pantalla con :focus, px funciona y em por alguna razón no. Pero da igual: mientras las unidades y los números sean los mismos, moverás la cosa fuera de la pantalla y volverás.

Yo prefiero usar id’s para los menús desplegables, ya que así no hay ninguna posibilidad de que alguien con el mismo id aparezca en la página. Las clases pueden ser múltiples en una página, así que no obtendría ningún error de validación por más de un elemento con .catparent como clase.