Posición: absoluta
Piense en la última vez que subió una imagen a su sitio web. Lo más probable es que la hayas descargado de un sitio de fotografía de stock, la hayas subido al backend de tu sitio y luego la hayas insertado en la página.
Descifrar todos los formatos de imagen puede parecer la primera vez que pides en Taco Bell. Pero, antes de empezar a añadir imágenes a tu sitio, debes asegurarte de que has elegido el mejor tipo de archivo.
Prestar atención a las etiquetas alt también es beneficioso para la estrategia general de SEO en la página. Usted quiere asegurarse de que todas las demás áreas de optimización están en su lugar, pero si la imagen no se carga por cualquier razón, los usuarios verán lo que la imagen se supone que es.
El texto alternativo es obligatorio según la Ley de Discapacidades de Estados Unidos para las personas que no pueden ver las imágenes por sí mismas. Un texto alternativo descriptivo puede alertar a los usuarios de lo que hay exactamente en la foto. Por ejemplo, digamos que tiene una foto de chocolate en su sitio web.
El texto alternativo se puede ver en la versión de texto en caché de la página, lo que ayuda a su beneficio tanto a los usuarios como a los motores de búsqueda. Para mayor valor SEO, el texto alternativo puede actuar como texto ancla de un enlace interno cuando la imagen enlaza con una página diferente del sitio.
Posición Javascript del elemento
Por eso, dar consejos para dirigir el tráfico es fácil, pero los consejos de diseño web son difíciles. Hay muchos factores. Incluso después de más de 1000 proyectos de diseño web con éxito, nos resulta difícil saber qué es lo que mejor funciona.
Este artículo contiene 27 consejos de diseño web para obtener más valor de cada visitante. La mayoría de estos consejos están respaldados por la investigación. Son para diseñadores principiantes y profesionales de UX avanzados, para pequeñas empresas y para grandes empresas.
Aquí están nuestros mejores consejos, ideas e inspiración sobre cómo diseñar un sitio web que obtenga resultados. Un sitio que se vea bonito, convierta a los visitantes y obtenga más valor de cada una de esas visitas que tanto cuesta ganar.
Los diseñadores web utilizan la jerarquía visual para guiar la atención de los visitantes hacia los elementos importantes en primer lugar. El diseño del sitio web incluye la posición (alta o baja en la página), los tamaños (grandes o pequeños), los elementos visuales (vídeo, imágenes, iconos) y el contraste (color y espacio en blanco).
La jerarquía visual es la razón por la que tus ojos siguen un determinado camino en cada página que visitas en Internet. Cuando se utiliza deliberadamente, guía la atención del visitante a través de una serie de mensajes, hacia una llamada a la acción.
Consola de búsqueda de Google
Tengo un formulario largo que necesita actualizarse en función de las acciones/entradas del usuario. Cuando esto sucede, la página se reinicia en la parte superior, lo que es molesto para los usuarios, porque tienen que volver a desplazarse hacia abajo hasta el punto en el que estaban.
La respuesta actualmente aceptada es incorrecta – document.documentElement.scrollTop siempre devuelve 0 en Chrome. Esto se debe a que WebKit utiliza body para controlar el desplazamiento, mientras que Firefox e IE utilizan html.
Ahora también puedes usar window.scrollTo({ top: 0, behavior: ‘smooth’ }); en lugar de usar esa solución jQuery de arriba para la animación. Aquí está la documentación: https://developer.mozilla.org/en-US/docs/Web/API/Window/scrollTo
Comprobación del rango de la página
En mi caso, por ejemplo, me interesa estar posicionado para “diseñador web Madrid” y no para “Danyel Perales” , ya que nadie buscará mi nombre cuando necesite estos servicios, a no ser que ya me conozca de antes.
Por defecto verás que la información está ordenada por el porcentaje de tráfico que aporta cada palabra clave a tu sitio, pero puedes ordenarla en base a las posiciones que ocupan esas palabras clave en las SERPs para estudiar su evolución.
La única desventaja de esta herramienta es que no tiene en cuenta un gran número de palabras clave de cola larga para las que puede no tener sentido optimizar tu sitio pero que, sin embargo, acaban aportándote un tráfico bastante considerable a largo plazo.
Por otro lado, tiene grandes funcionalidades y ventajas como los informes detallados del tráfico a tu sitio, el posicionamiento de la competencia, los enlaces, las palabras clave relacionadas o el número de búsquedas de las mismas.
Es importante saber que una vez que creas un proyecto debes tener claras las palabras clave que se van a utilizar y las que quieres seguir para controlar el posicionamiento en los rankings de búsqueda, así mismo te permite poder detallar si la competencia está haciendo uso de las mismas palabras clave y determinar si ves una mejora respecto a ellos.