List

En el artículo anterior sobre la Interfaz hablaba sobre el espacio de color adecuado para las imágenes que se publicarán en Internet y su resolución.

El diseñador Web además de preparar las imágenes para su publicación en Internet con una calidad adecuada, toma medidas tanto para agilizar la carga del Sitio Web, como para transmitir el contenido de su Sitio o página Web con fidelidad a usuarios con discapacidad (experiencia de usuario), optimizar el contenido para aumentar las visitas al ser encontrado vía buscadores (tráfico orgánico) y adaptar la forma en que se muestra a usuarios que lo visitan desde su computadora o dispositivos móviles como celulares y tabletas.

Optimización para Buscadores (SEO)

SEO significa “optimización para motores de búsqueda” y se refiere a las técnicas y estrategias que se utilizan para mejorar la visibilidad y el ranking de un sitio web en los resultados de búsqueda de Google y otros motores de búsqueda. El SEO es importante para todo negocio porque puede ayudar a atraer a más clientes potenciales a su sitio web y por lo tanto, aumentar sus ventas y posicionamiento de marca.

En otras palabras, el SEO consiste en utilizar una variedad de herramientas y técnicas para que las páginas Web de una empresa aparezcan en los primeros resultados de búsqueda de Google para palabras o frases clave relevantes al producto o servicio que ofrece a sus clientes potenciales, haciendo más probable que los visitantes hagan clic en su sitio y a diferencia del SEM, el SEO busca el posicionamiento orgánico, sin incurrir en compras de espacios publicitarios.

Errores comunes en SEO

Los 5 errores más comunes en SEO suelen ser:

  1. Utilizar palabras clave de forma inadecuada.
  2. Tener contenido duplicado.
  3. No optimizar las imágenes y los títulos de las páginas.
  4. No tener una estructura de enlaces internos lógica y adecuada.
  5. No tener una página de inicio clara y atractiva.

Cómo evitar estos errores

Nombres de dominio

Los nombres de dominio son importantes en los resultados de búsqueda de Google y otros buscadores. Elija uno descriptivo y fácil de leer para su sitio web. Por ejemplo, use www.nombre.com/genealogia en lugar de www.nombre.com/prodid?123.

Velocidad de carga

Hay una relación entre lo que el Sitio Web se tarda en cargar y las hay peticiones HTTP realizadas en nuestro servidor, éstas incluyen la ejecución de código, hojas de estilo CSS, imágenes, etc.

Para mejorar la velocidad del Sitio Web puede hacer las siguientes modificaciones:

Optimización de Imágenes: Image Sprites o Sprites CSS

Sprite CSS

Imagen para Sprite CSS

Una forma de Optimizar las imágenes para una carga más rápida en el navegador es creando una sola imagen que contenga en ella  todas las imágenes permanentes del Sitio Web, en lugar de utilizarlas individualmente y usar CSS para mostrar cada una como si fuera individual.

Distribución del código: Usar pocos documentos

Tanto el código  PHP como el de las hojas de estilo (CSS) y Javascript (Js) pueden ser adjuntados como documentos separados en vez de repetirse individualmente dentro de cada documento HTML. A su vez, es recomendable tener el menor número posible de hojas de estilo y Javascript.

Esto también agiliza de forma considerable la actualización del Sitio Web.

Reducción del código: Minificar archivos

Minificar las hojas de estilo (CSS) y Javascript de un Sitio Web es una buena práctica de codificación que  elimina las cadenas innecesarias, reduciendo así el peso del archivo y disminuyendo la cantidad de datos que recibe el navegador del visitante.

Compresión: Gzip

La compresión Gzip es una solución para ayudar que se acelere la carga de los archivos del Sitio Web.

El formato comprimido permite que ocupen un menor espacio y se distribuyan de forma más rápida.

Distribución en la Web: Utilizar Servicios CDN

Un CDN (Content Delivery Network) es una red de computadoras distribuidas globalmente, sincronizadas para ofrecer el contenido de una página Web de forma más ordenada y eficaz a la forma en que lo hace una arquitectura tradicional en la que se  utiliza un solo  servidor.

En pocas palabras… ayuda a eliminar cuellos de botella,  reduciendo el tiempo de descargas y el uso de ancho de banda de forma considerable.

Accesibilidad y experiencia de usuario (UX)

HTML sin tablas como estructura

Una de las fallas más frecuentes en los sitios web de cierta antigüedad es encontrarse con Sitios Web diseñados con una estructura de tablas, diseñar la estructura de las páginas Web sin contener toda la información en tablas HTML, además de apegarse a los estándares actuales, mejora en la accesibilidad del documento de los navegadores orientados a personas con limitaciones sensoriales.

La etiqueta <title>

Mejorar la etiqueta <title> que define el título de una página web, usando las palabras clave más utilizadas en las búsquedas del tema del que trata la página ayuda a los visitantes a encontrar nuestra página Web  mediante buscadores como Google.

Metaetiquetas

Al igual que la etiqueta title, todas las metaetiquetas pueden mejorar incluyendo en ellas palabras o frases clave.

Description

Buscadores como Google no usan la metaetiqueta Description como un resumen de la página en sus resultados si es mala, si tiene la palabra “Sin título”, se repite o tiene otros problemas.

Al escribir las descripciones únicas para cada página asegúrese de utilizar un máximo de 150 caracteres.

Aprenda más en: Description.

Es básico que un Sitio Web cuente con enlaces para navegación (Interna) o menú de sus secciones. Si la cantidad de páginas del Sitio Web lo amerita, es recomendable organizar grupos de páginas en categorías y sub-categorías evitando crear demasiadas o sobre-estructurar el contenido del Sitio Web de manera que tome demasiados clics recorrerlo todo.

Use texto simple en lugar de una navegación que contenga únicamente imágenes, menús desplegables y animaciones.

También debe hacer posible la navegación mediante la edición de la URL. Un usuario de Internet experimentado puede borrar parte de una dirección con la intención de encontrar información más general.

Mapa del sitio

Su Sitio Web debe contar con un mapa del Sitio para los visitantes y otro para los buscadores como Google que sus visitantes puedan revisar en caso de no encontrar una sección determinada. El mismo principio aplica para los motores de búsqueda, ya que el mapa del sitio permite una mejor indexación de las páginas en él.

Textos ancla

Los buenos textos ancla transmiten mejor el contenido al que dirigimos con los enlaces tanto a los visitantes como a buscadores como Google. Por ejemplo es preferible usar uno descriptivo como  “Descargar portafolio pdf” a uno muy general como: “Click aquí”.

Descripción de imágenes

Accesibilidad, Dispositivo Braile

Dispositivo Braile  2

Es una buen práctica usar nombres de archivo y texto en el atributo alt  que sean breves y descriptivos.

A su vez evite saturar dicho atributo con muchas palabras clave y/o copiar y pegar frases.

Un archivo de Mapa del Sitio solo de las imágenes del Sitio Web puede ofrecer a los buscadores más información sobre ellas.

Por otra parte es recomendable seguir los estándares como:

  • Utilizar los formatos de imágenes más conocidos: JPEG, GIF, PNG y BMP.
  • Contener todas las imágenes del Sitio Web en un mismo directorio.

Cabeceras

Utilice las etiquetas de cabecera para dar énfasis al texto importante en orden de importancia de mayor a menor de la h1 a la h6. Siendo h1 la de mayor tamaño y la h6 la de menor.

Evite usar las etiquetas de cabecera cuando otras etiquetas como <em> y <strong> puedan ser más adecuadas al contexto, saltar de un tamaño de cabecera a otro sin ninguna lógica ni continuidad y sobre todo modificar el orden de tamaños por ejemplo mediante CSS.

Contenido

Optimización para aparecer en buscadores

Ayuda usar las frases clave más buscadas del tema.

Anticípese a la diferencia de conocimiento de sus visitantes sobre el tema que trata usando distintas frases clave de acuerdo a el y ofrezca contenido único y exclusivo. ya sea con un servicio original o mediante publicaciones investigativas sobre las que no se haya tratado antes.

Prácticas para promocionar el Sitio o página Web

Se recomienda:

  • Publicar el enlace al Sitio Web, en publicaciones y Sitios Web relevantes sin llegar al extremo que puede ser considerado como spam.
  • La  generación de contenido original y publicación de contenido útil a su mercado meta vía un Blog y Boletines.
  • Promocionarse fuera de Internet colocando la dirección del Sitio Web al pie de los correos electrónicos, publicidad, papelería, en redes sociales y cualquier otro tipo de comunicación visual.
  • Si administra un negocio local, añadir la información de éste a Google Places le ayudará a contactar con clientes en Google Maps y en búsquedas Web.

Optimización para dispositivos móviles

El Responsive Web Design, Diseño Web adaptativo o adaptable

Es una técnica de que mediante el uso de estructuras fluidas y media queries en el CSS adapta los tamaños del contenido al dispositivo que usa el visitante.

Media query

Es un módulo CSS3 que permite la representación de contenido para adaptarse a la resolución de pantalla y es un estándar recomendado por la W3C (Junio del 2012).

Cuando el media type especificado en el media query coincide con determinado tipo de dispositivo, el documento es mostrado sobre y todas las expresiones media queries que sean verdaderas y la hoja de estilo o las reglas de estilo correspondientes son aplicadas siguiendo las reglas normales del CSS.

Actividades

  1. Si su Sitio Web ya está en línea, para comprender y optimizar el tiempo de carga de una página Web puede usar herramientas como Google PageSpeed que le permitirán comprender las mejoras más importantes que debe realizar.
  2. Adjunte el CSS y JavaScript al HTML en documentos separados.
  3. Utilice alguna de las herramientas gratuitas de minificación: el Compresor YUI de Yahoo, el JS Compress para archivos JavaScript u otras para minificar hojas de estilo CSS.
  4. Cree un mapa del Sitio para los visitantes y otro para los buscadores como Google.
  5. Si desea delegar la Optimización en buscadores de su Sitio Web (SEO):

Un profesional en SEO puede ofrecerle:

  • La revisióndel contenido y estructura del Sitio Web,
  • Asistencia técnica en el desarrollo de sitios Web ncluyendo: alojamiento, redireccionamientos, páginas de error, uso de JavaScript, etc.,
  • Optimización de contenidos,
  • Investigación sobre palabras o frases clave e
  • Instrucción en SEO.

Imágenes gracias a : 1 Experiencia Joomla! y 2  Quinn Anya.

One Response to “SEO para principiantes: Cómo optimizar el contenido para SEO”

  1. desarrollo app madrid

    ¿Puedes explicarnos màs sobre esto?, ha sido Genial encontrar mas informacion sobre este tema.

    Saludos

Deja una respuesta

  Posts

1 2 3 16
septiembre 12th, 2013

Bienvenido al Blog JanikMaC

Bienvenido (a) a mi Blog sobre e-business y Diseño Web. Mi Blog está dedicado a resolver sus dudas e informar […]

febrero 6th, 2023

Una propuesta Web personalizada para mejorar u negocio

Una propuesta Web personalizada para mejorar su negocio, mediante el desarrollo de un sitio web adecuado y atractivo a su […]

diciembre 26th, 2022

SEO para principiantes: Consulta de búsqueda

Una consulta de búsqueda en SEO es un término que se refiere a la palabra o frase que un usuario […]

diciembre 23rd, 2022

El significado de la navidad y sus símbolos

La navidad es una de las festividades más importantes del año para muchas personas alrededor del mundo. Esta celebración conmemora […]

diciembre 22nd, 2022

Fundamentos de la edición o montaje no lineal

El montaje no lineal es un proceso de edición de video que permite a los editores trabajar con fragmentos de […]

diciembre 22nd, 2022

El poder del contenido audiovisual

Medios audiovisuales La generación de contenido audiovisual abarca una amplia variedad de áreas y puede ser utilizada en diferentes contextos […]

diciembre 21st, 2022

El Gopher y la World Wide Web

El gopher es un protocolo de red diseñado para facilitar la recopilación y distribución de información en Internet. Fue desarrollado […]

abril 27th, 2018

Protegido: Guía de estudio para el examen de Cálculo diferencial

No hay extracto porque es una entrada protegida.

abril 18th, 2018

Solicito: Practicante en diseño gráfico y en producción multimedia.

Solicito: Practicante en diseño gráfico y en producción Multimedia.
Favor de enviar portafolio.
Ofrezco: Aprendizaje en diseño gráfico y Web, la posibilidad de cumplir con horas de práctica requeridas, carta de recomendación, prácticas (monitoreadas) desde casa, experiencia y portafolio real.​

marzo 26th, 2018

¿Cómo hacer cambiar a una persona?

A menudo, en lugar de ocuparnos de nuestros propios cambios decidimos cuál de nuestros amigos necesita cambiar. Esto también constituye […]