Optimiza tu sitio web para móviles

diseño_web_responsive

Cada día más personas utilizan dispositivos móviles para acceder a Internet. Si un sitio no está optimizado para verse y usarse desde un dispositivo móvil los usuarios deben navegar por la pantalla a extremos o aumentarla para poder leer el contenido. Esto es incómodo para los usuarios que terminan abandonando el sitio.

Google hace nuevos cambios para mejorar la experiencia de los usuarios, los cuales se aplicarán el próximo 21 de abril y que fueron anunciados desde el pasado 26 de febrero en el sitio para desarrolladores. Se espera la adaptación de los sitios web o blog para facilitar los siguientes resultados en las búsquedas:

  • Más sitios web amigables. Para lograr esto Google ampliará el uso de la telefonía móvil como señal de ranking en todos los idiomas y en todo el mundo, con el objeto de lograr mayor calidad en las búsquedas desde dispositivos móviles.
  • Más contenidos relevantes o de valor. Google está utilizando la información de aplicaciones indexados como un factor en el ranking de usuarios suscritos que tienen la aplicación instalada.

Google ofrece algunas herramientas de apoyo para los webmaster, como la guía a los sitios móviles de usar,  móvil-friendly prueba y una guía paso a paso para saber cómo implementar Indexación App. También puedes ampliar información a través de los Foros de ayuda.

Hay muchas formas de gestionar el contenido de tu sitio web. Unos crean su sitio desde el principio; otros usan un paquete de software como los “Sistemas de Gestión de Contenido” (o CMS):

En estos casos es recomendable

  • Hacer una copia de seguridad de tu sitio web o blog,
  • Actualizar el software CMS a su última versión, y
  • Elegir una plantilla optimizada para móviles. Esto lo podemos confirmar leyendo las propiedades de la plantilla, usando la herramienta Prueba de optimización para móviles o comprobando si la plantilla pasa la prueba de velocidad en PageSpeed Insights

En esta recopilación de información útil para que celebres este 21 de abril la adecuación de tu sitio web o blog, Google nos deja este enlace para webmasters autodidactas:

Academia para webmasters

Si tienes preguntas acerca de estos cambios te invito a dejar un comentario, visitar los foros de ayuda de google o participar en el grupo de Facebook Alianza Community Manager.

Desde mi querida Venezuela, gracias por tu apoyo. ¡Un abrazo!

Penalizaciones SEO en tu Web

seo

La tendencia a usar aplicaciones para desarrollo web tipo front-end ha llevado a facilitar el trabajo del programador web pero sobre todo a creer que diseñar una interfaz web bonita, minimalista y que enlace las redes sociales es lo que necesita una empresa para llegar a sus clientes.

Y resulta que puedes acercarte a ellos y hacerles recomendaciones en vano, ya que te dicen: “Joomla soluciona eso y sus plantillas se ajustan a todo”. Es bueno aprovechar las bonanzas de las herramientas que han surgido los últimos años pero también debemos entender que hay atributos de un sitio web que requieren que el programador, el diseñador y el directivo de la empresa resuelvan juntos, y que llevar un proyecto a nivel profesional sin un estudio previo y la documentación necesaria solo solucionará un problema inmediato pero puede acarrear otro pronto. Aquí el único favorecido es el programador que “cumplió con su trabajo”.

La planificación es el primer paso y es en el que muchos programadores pierden tiempo (algunos porque se han dedicado más a hacer código que a buscar el origen del problema que se intenta resolver, de ahí la diferencia entre un analista y un programador. El analista estudia el problema y busca la o las soluciones más efectiva).

Pero veamos que consecuencias puede traer la ausencia de planificación y estudio previo de la realidad a la que intentamos dar solución con un sitio web:

  • Caso 1. El cliente proporcionar la información necesaria para diseñar el sitio web. Esta información consiste en logo, imágenes, fotos con su respectiva descripción, textos que irán en las secciones contacto, acerca de nosotros, a qué se dedican y similares… es decir, todo lo relacionado con la identidad corporativa (esto no lo hace ni el analista de sistemas ni el programador).
  • Caso 2. El cliente no tiene la información necesaria para diseñar el sitio web. La recomendación es no busca un “especialista en todo”. Entendamos entonces que un logo y las imágenes vectorizadas las hará un diseñador gráfico, la identidad corporativa un publicista o mercadólogo. Si es un tienda virtual, negocio de comida, ropa o agencia de modelaje tal vez necesites un fotógrafo profesional que tome y edite las fotos. Si es un sitio de noticias probablemente querrás contratar un periodista digital o Community Manager. Si tu sitio tendrá versión en diferentes dispositivos, seguramente ya tienes un equipo trabajando en verificar si tu empresa tiene audiencia ahí y seguramente estarás pensando en que tu programador debe saber programar para la web y para el móvil.
  • Caso 3. El cliente propocionó la información requerida y cumple con los requerimientos, el sitio fue desarrollado, es agradable, bonito, tiene lo que los clientes buscan pero pocas personas lo encuentran a través del buscador. Deben introducir la URL para ellar a él. ¿Qué pasó? El buscador penalizó el sitio.

En los casos 1 y 2 sabemos que hacer, se trata de contratar el personal capacitado para cada área de trabajo si entre nuestros objetivos está ser visibles pero sobretodo ofrecer productos/servicios/información útil y de calidad a nuestros clientes vía web.

Antes de explicar el caso 3, definamos algunos términos:

  • Motor de búsqueda o Buscador, es un sistema informático que busca archivos almacenados en servidores web gracias a su «spider» (también llamado araña web).

Motor de búsqueda de Google

google

Motor de búsqueda de Bing

bing

 

Motor de búsqueda de Yahoo

yahoo

 

¿Para que sirve el buscador?

  • Para rastreo e indexación: Se realiza manualmente o a través de robots (crawlers o spiders) y mediante los enlaces.
  • Hacer búsquedas: Por esto es importante tener bien configurada nuestra página con las etiquetas adecuadas, de esta forma el buscador indexa correctamente y seremos encontrados.
  • Ranking y Posicionamiento web: Los buscadores evalúan otros aspectos, como popularidad, palabras clave, largo de la URL, contenido duplicado o copiado de otra web, etc.

Tipos de penalizaciones en Motores de búsqueda (Fuente: Wikipedia)

  • Sanción de treinta posiciones: Esta penalización te rebaja exactamente 30 posiciones para la palabra consultada cuando se considera una web como Spam o generación de enlaces no relacionados.
  • Penalización de PageRank: Aunque el PageRank ha perdido peso aún se sigue alterando su valor, y la penalización consiste en rebajar su valor entre -2 y -9 según la infracción cometida.

  • Penalización de sesenta posiciones: Al igual que la sanción de treinta posiciones pero afectando el lugar del sitio web en 60 casillas, la penalización es causada por abusar de una granja de enlaces.

  • Penalización del último lugar o baneo: Esta penalización envía el sitio web a los últimos lugares en cualquier búsqueda o incluso el dominio web desaparece del buscador; es generada por una combinación de infracciones.

  • Posicionamiento en buscadores u optimización en motores de búsqueda, es el proceso de mejorar la visibilidad de un sitio web en los resultados orgánicos de los diferentes buscadores.

Ya conocemos qué son y cómo penalizan los buscadores a los sitios web cuando no cumplen las políticas de calidad, por lo que te aconsejo te asesores con un experto en SEO que acompañe el trabajo del analista y programador web.

Recuerda… es menos costoso para tu negocio hacer las cosas bien desde un principio que invertir tiempo y dinero tratando de recuperar una posición en la web, más aún siendo emprendedor.

Espero tomes en cuenta estas sugerencias y si tienes alguna duda puedes dejarme un comentario o contactarme vía email a ireneqo@gmail.com, O puedes recomendar este post a otras personas que necesiten realizar una auditoría SEO a su web.

Te dejo ¡un gran abrazo muy venezolano!

 

El Blog de Irene Quiñones

 

Cómo embeber pines en blogger

Una de las estrategias interesantes que nos permiten las redes sociales, sitios para blogueros y en especial, las herramientas de programación web es la posibilidad de configurar nuestros sitios adaptados a nuestras necesidades, intereses y preferencias. Gracias a las tecnologías libres mucho de esto es posible, ya que se traslada el concepto de multiplataforma al diseño lógico y físico de las redes sociales y sitios web donde tenemos presencia como particulares, marcas, movimientos, organizaciones, entre otros.

En este post, les cuento en pocos pasos lo simple que resulta insertar tus pines en blogger, en sólo 5 pasos:
  • Accede a tu cuenta Pinterest
  • Has clic en el botón de configuración y elige la opción Crear Widget
  • Accede a tu cuenta en blogger →Diseño → Agregar un Gadget. Verás una imagen con la siguiente:
  • Elige HTML/Javascript → Agrega un Título, copia el código y selecciona Guardar
  • Ubica el gadget en la página donde mejor te guste y selecciona Guardar Diseño. Ya puedes visualizar el blog con las actualizaciones.

Si deseas insertar tus pines en un sitio web, sólo tienes que ir al editor web, agregar el mismo código dentro de las etiquetas <BODY>…Aquí…</BODY>y ubicarledentro de tú página usando las etiquetas DIV y los CSS.

“El buen código es su mejor documentación”
Steve McConnell

Espero te haya gustado este bocadito y como siempre, gracias por visitar mi blog. Si te gustó, deja un comentario y no olvides compartir para que otros usuarios también tengan acceso al conocimiento. 
Si deseas descargar este artículo, has clic en la imagen

Saludos 😉

Minitutorial sobre Usabilidad Web


Ya les había comentado antes que tendríamos disponible en formato PDF mi primer minitutorial sobre Usabilidad  Web.  Puedes descargarlo y compartirlo si lo deseas.

Colabora con tus comentarios y sugerencias para enriquecer los contenidos posteriores. 

Lección 1: Arquitectura y Usabilidad Web.

“La usabilidad es el atributo de calidad

que mide lo fáciles que son de usar las interfaces Web”

Jakob Nielsen 

Post relacionado: Código HTML

Los cinco pasos de mi método

Recordar es vivir dicen muchos, y es que cuando te haces universitario el mundo es tan paradójico.

Voy a hacer un pronóstico: Puede pasar cualquier cosa”. Roy Atkinson  

En la vida real, aquella donde vivo en lo virtual, me desplazo de un contexto a otro a través de túneles diseñados por ingenieros de sistemas. Ver Más