Novedades curso SEO – Digital Learning Formación online en Nuevas Tecnologías Mon, 17 Jul 2017 23:20:49 +0000 es-ES hourly 1 https://wordpress.org/?v=4.7.5 Páginas AMP: SEO para móviles /blog/paginas-amp-seo-para-moviles/ Thu, 09 Mar 2017 19:25:09 +0000 /?p=14095 Seguimos publicando novedades de la 5ª edición del curso SEO, Posicionamiento Web, que se inicia el 27 de marzo en el Campus Virtual de la Universidad de Granada.
Esta vez toca le turno a las páginas AMP (Accelerated Mobile Pages), un apartado que podemos relacionar con el SEO para móviles.

¿Qué son las páginas AMP?

Como indica la traducción literal (Páginas Móviles Aceleradas), se trata de páginas web que se muestran en dispositivos móviles más rápidamente, al estar diseñadas con unas especificaciones especiales y servirse desde una caché de Google.

La tecnología AMP se basa en el estándar abierto AMP HTML. Este formato es una variante del HTML y se visualiza en todos los navegadores modernos, tanto en Android como iOS. Daremos más detalles después.

Logo AMP

AMP HTML es un proyecto open source, donde han colaborado destacadas plataformas de Internet (Twitter, WordPress, Pinterest, Google ,…) y proveedores de contenidos online (The New York Times, Mashable, The Washington Post, El Pais…), y que ya están utilizando un número importante de Webs.

Dónde y cómo aparecen las páginas AMP

Te pueden aparecer en los resultados de Google si realizas una búsqueda con un smartphone o dispositivo móvil. En concreto, los lugares donde puede aparecer contenido AMP son:

  • Carrusel de noticias destacadas AMP
  • Otras Tarjetas o Fragmentos enriquecidos (ver recuadro abajo)
  • Lista de resultados estándar

Las Rich Cards y Rich Snippets permiten destacar una página en los SERP Google, mediante el uso de datos estructurados. como explicamos en el curso SEO. El tutor del mismo, Alfredo Hernández-Díaz, nos habla en este artículo de los Rich Snippets.

Vemos algunas capturas de pantalla para ilustrar la visualización de contenido AMP.

Presentamos primero un ejemplo de carrusel ‘top news’ AMP. Podemos ir deslizando el dedo lateralmente en la pantalla táctil para que nos muestre más resultados de ese carrusel.

SERP Google en dispositivo móvil

En la siguiente imagen vemos páginas AMP en los resultados estándar de búsqueda de Google desde un smartphone. Como en el caso anterior, se identifican por el logo:
Identificación página AMP en SERP Google

SERP con páginas AMP

En la siguiente imagen hemos accedido a una página AMP:

  • La URL en el navegador del móvil nos indica que está almacenada en la caché AMP de Google: 
    www.google.es/amp....
  • Debajo, vemos como se nos presenta la fuente de la que proviene: 
    amp.20minutos.es
  • Al pinchar en el icono ‘vínculo’ se despliega la URL de la página original: 
    www.20minutos.es/noticia....
     a la que podemos acceder desde este enlace.Página AMP

Para ver la diferencia entre una página web normal y la versión AMP, os mostramos una entrada de nuestro blog con las dos versiones respectivamente, donde puede verse que la AMP está simplificada respecto a la anterior:

Página web responsivePágina AMP

¿Cómo funcionan las páginas AMP?

Tienes una documentación muy detallada en la web del proyecto AMP, aunque de una forma básica podemos esquematizarlo de las siguiente forma:

  • Seguimos manteniendo la versión estándar HTML de nuestra Web
  • Debemos vincular las versiones HTML y AMP de cada página, incluyendo en cada una, en su sección 
    <head>
     , una etiqueta 
    <link>
      que apunte a la otra versión (o así mismas si solo existe la versión AMP).
    De esta forma Google sabe qué indexar, qué presentar en cada situación, y no considera contenido duplicado la página AMP.
  • Para dar una idea de este etiquetado, copiamos el ejemplo donde se apunta de la versión HTML a la AMP:
    <link rel="amphtml" href="https://www.example.com/url/to/amp/document.html">

De todas maneras, se puede automatizar esta tarea en muchos CMS como Drupal o Joomla mediante módulos o extensiones. Si trabajamos por ejemplo con WordPress tenemos varios, como el plugin AMP o el AMP for WP

¿Por qué las especificaciones AMP mejoran el rendimiento?

Para mejorar la carga de las páginas AMP se siguen unas directrices de diseño que buscan presentar casi instantáneamente el contenido de texto. Para los que estáis más familiarizado con el desarrollo web os vamos a mencionar algunas:

  • Se minimizan las peticiones HTTP, con utilización por ejemplo solo de estilos internos CSS (en sección <head>), carga diferida de fuentes,…
  • Las imágenes y anuncios solo se descargan si es probable que el usuario las vea, dependiendo de la posición de esos recursos en la página y el desplazamiento que haga el usuario en su navegador.
  • Igualmente para las imágenes o recursos similares se calcula con antelación las dimensiones y el espacio que van a ocupar para poder maquetar la presentación de la página aunque aún no se hayan descargado.
  • Solo se permite JavaScript asíncrono, para que los scripts no bloqueen o retrasen la carga del resto de elementos de la página. De hecho no se permite JavaScript de autor, sino que se emplean elementos AMP personalizados.

¿Cómo es el AMP HTML?

Como hemos comentado antes es una variante de HTML. Puedes consultar en github la especificación de las etiquetas AMP HTML. De forma resumida podemos decir que:

  • Permite utilizar la mayoría de las etiquetas HTML5: <html> <body> <head> <p> <div>…
  • Prohíbe algunas, sobre todo relacionadas con recursos externos: <object> <embed> …
  • Tiene una versión equivalente para otras, principalmente asociadas a objetos multimedia: <amp-img> <amp-video> <amp-audio>…

Para los más curiosos, copiamos el ejemplo más simple (un ‘Hello World’) en formato HTML AMP de la web del proyecto:

<!doctype html>
<html ⚡>
 <head>
   <meta charset="utf-8">
   <link rel="canonical" href="hello-world.html">
   <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
   <style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>
   <script async src="https://cdn.ampproject.org/v0.js"></script>
 </head>
 <body>Hello World!</body>
</html>

Además del AMP HTML debemos considerar la biblioteca AMP JS que implementa todas las prácticas recomendadas AMP para garantizar la velocidad de presentación de dichas páginas.

Como hemos indicado antes, una de las optimizaciones que realiza es convertir todo el JavaScript en asíncrono, para evitar que éste bloquee la carga de la página.

¿Qué es el Google AMP Cache?

Es un CDN que ha implementado Google para entregar todos los documentos AMP válidos. Captura las páginas AMP HTML almacenándolas en caché para luego poder entregarlas (el documento, los archivos de JS e imágenes) usando HTTP 2.0 , todo desde un mismo origen, logrando mayor eficiencia.

Validador de páginas AMP

Las páginas AMP han de estar validadas para ser servidas sin errores desde la caché de Google. Tienes varias opciones para comprobar esa validación, tecleando el código en un validador AMP interactivo o comprobándolo en un validador AMP online introduciendo la URL de la página

Estado de la implementación de páginas AMP

El proyecto AMP se anunció por Google en 2015, y se ha ido adoptado por un número significativo de Webs desde 2016 hasta ahora (la web del proyecto indica más de 1.500 millones de páginas AMP publicadas)

Ha habido algunas quejas de usuarios en foros de soporte Google. Quieren seguir accediendo directamente a las páginas originales, por tener más funcionalidades que las cacheadas y porque las velocidades instantáneas que se ‘prometían’ no parecen cumplirse siempre (piden una opción en el buscador que permita deshabilitar las AMP si el usuario lo desea). También es cierto que muchos errores o retrasos que se experimentan pueden deberse a implementaciones incorrectas de AMP HTML no bien validadas.

En cualquier caso, las webs que están utilizándolas, manifiestan por lo general una mejora considerable de velocidad (llegando hasta un 85% de mayor rapidez) con incremento significativo del tráfico que reciben desde Google.

Si como parece, Google sigue apostando por las páginas AMP, es algo muy a tener en cuenta en SEO si queremos que nuestra Web compita en los SERP que se muestran en smartphones, tablets y otros dispositivos móviles. Como ocurrió con la ‘exigencia’ de un diseño adaptado a esos dispositivos, Google lo plantea ahora para la velocidad de descarga.

]]> Posicionamiento de Apps: relación entre ASO y SEO /blog/posicionamiento-de-apps-relacion-entre-aso-y-seo/ Thu, 02 Mar 2017 19:22:05 +0000 /?p=14034 Vamos a publicar en este blog los nuevos contenidos que incorporaremos en la próxima edición del curso SEO, Posicionamiento Web, que empezamos a impartir el 27 de marzo en el Campus Virtual de la Universidad de Granada. En estas actualizaciones del curso queremos mostrar a los alumnos nuevas tendencias en el área SEO.

Comenzamos con un resumen del apartado dedicado al ASO ya que la optimización para Apps móviles es un complemento y una oportunidad profesional para aquellos que se dedican o quieren formarse en SEO.

¿Qué es ASO?

El mercado de las aplicaciones móviles crece a un ritmo espectacular. Es una buena noticia para los creadores de Apps, aunque el aumento de la demanda trae una contrapartida: cada vez hay más competencia.

En 2016 se alcanzaron las 2 millones de apps (1) en Google Play y en Apple App Store, las tiendas de apps móviles líderes de este sector. Con estos números, es difícil destacar una aplicación en sus rankings o resultados de búsqueda para que los usuarios la vean y tenga opciones de ser descargada.

Nota 1: Junio 2016, fuente statista.com (medio millón en Windows Store y Amazon Appstore)

A pesar de esa dificultad, podemos utilizar una serie de técnicas y recomendaciones que ayudan a posicionar una App. Algo similar a una estrategia de posicionamiento para páginas Web en buscadores, pero en este caso centradas en las aplicaciones móviles y las tiendas que las distribuyen.

Se puede definir ASO (Application Store Optimization) como el SEO para las apps móviles.

¿Qué trata de conseguir el ASO?

El objetivo de ASO es ayudar a mejorar la visibilidad de una aplicación en tiendas de apps móviles, aplicando técnicas que optimizan una serie de elementos de esa aplicación.

Con ellas tratamos de mejorar su posicionamiento, es decir, que aumenten las posibilidades de que sea encontrada en la tienda, y su atractivo, es decir, despertar el interés de los usuarios para que decidan su descarga frente al resto de apps mostradas.

Según lo que hemos descrito antes, podemos identificar los tres apartados donde se centran las acciones ASO:

  • Optimizar elementos que influyan en los resultados de búsqueda de las tiendas de Apps.
  • Optimizar factores que afecten a las listas o rankings de esas tiendas.
  • Optimizar aspectos que mejoren las conversiones en descargas e instalaciones

A continuación vamos a ver qué factores o elementos entran en juego al hablar de Apps móviles, e iremos dando algunas recomendaciones que debemos tener en cuenta en ellos para conseguir los objetivos antes citados. Son elementos directamente relacionados con la información que aparece de la aplicación en Google Play (apps Android) o Apple Store (apps iOS).

Elementos/factores ASO

Los elementos o factores ASO los podríamos dividir en dos grupos, on-metadata y off-metada. Para los tenéis formación SEO, os recordará a las categorías on-page y off-page en el entorno web, con las que guardan una cierta similitud, al menos en filosofía general.

Elementos ASO on-metadata

Es información que podemos controlar directamente ya que son metadatos relacionados con la App que definimos nosotros.

Dentro de este conjunto podríamos diferenciar a su vez dos grupos. El primero influye en los resultados de búsqueda, mientras que el segundo grupo puede influir en la elección del usuario entre las apps que le aparecen en su búsqueda.

Información que influyen en la búsqueda

Buscador Google Play
Los metadatos que asociamos a la aplicación e influyen en los resultados de búsquedas en las dos tiendas de Apps principales son (incluimos entre paréntesis en qué tienda se aplicaría cada campo):

  • Nombre de la App (App Store): recientemente se ha acortado a 50 caracteres, estando previamente el límite en 255
  • Título (Google Play): 30 caracteres
  • Descripción (ambas. En App Store este texto no influye por ahora en el posicionamiento, pero conviene tratarlo por si lo hiciera en un futuro próximo ): 4000 caracteres, aunque solo se muestran las primeras lineas al usuario que tiene que pinchar si quiere ver más. Es por tanto una descripción larga de lo que hace la aplicación, para qué sirve, que características destacadas tiene, información sobre ella que queremos resaltar, etc
  • Descripción breve (Google Play): 80 caracteres. Como indica su nombre, debemos condensar lo fundamental que caracteriza nuestra aplicación
  • Keywords (App Store): es decir, palabras claves. Admite un máximo de 100 caracteres
  • Categoría (ambas): debemos ubicar nuestra App en alguna de las categorías o temáticas que proporciona cada tienda

Extraemos del contenido del curso un resumen de recomendaciones para conseguir una buena optimización en este grupo de campos de información:

  • Selección cuidadosa de palabras clave, pensando en si nos interesa competir en aquellas que tiene mucha popularidad y competencia o en más específicas y menos consultadas, de forma muy similar a la estrategia long-tail que explicamos en el curso SEO.
    Deberíamos también analizar la ‘competencia’ (que palabras clave emplean las apps similares a la nuestra) o por qué términos buscan los usuarios. Para ello, tenemos herramientas de búsqueda y análisis de palabras claves como Google Keyword Planner o específicas para Apps móviles como las que referenciamos en el curso.
  • Para el uso de estas keywords, deberemos tener en cuenta, entre otros, los límites de caracteres de cada ‘campo’, el evitar la repetición excesiva o infringir copyrights para no tener penalizaciones , o la localización, es decir, la traducción/adaptación a distintos idiomas si nos dirigimos a mercados internacionales.
  • El nombre/título de la App debería ser significativo, diferenciador y atractivo para el usuario, incluyendo las palabras claves más significativas. Si no somos una marca muy conocida, no debemos tratar de incluir nuestro nombre a toda costa. Puede ser más conveniente centrase en las palabras claves que en el branding
  • Debemos redactar una descripción clara de la App, que ‘venda’ y sea informativa (las primeras líneas, recordemos, son fundamentales, porque son las que se ven por defecto),  destacando por ejemplo lo qué ofrece al usuario o su valor diferencial. Debemos utilizar las palabras clave que hemos seleccionado de una forma natural en la redacción.
  • La elección de categoría es muy importante, con varios factores a tener en cuenta: idoneidad, por qué categoría buscarían los usuarios una App como la nuestra y competencia (buscar o no categorías menos populares donde puede encajar nuestra App y aumentar nuestras posibilidades de estar más altos en el ranking).

Rankings Apps en Google Play

En la documentación del curso desarrollamos un ejemplo de selección de palabras claves para una app ficticia.

Información que influyen en conversiones

Habría un segundo conjunto que no influyen en el posicionamiento directamente sino más en el grado de conversión de visitas a descargas, sean gratuitas o de pago. Se trata principalmente de elementos que por su diseño e impacto visual puedan llamar la atención del usuario:

  • Icono: la imagen que identifica nuestra aplicación
  • Screenshots, es decir, capturas de pantalla de la aplicación
  • Video demostrativo o promocional de la aplicación
  • Datos del desarrollador y actualizaciones de la aplicación

En la documentación del curso os damos diversas recomendaciones sobre estos elementos. Conviene indicar que aunque los tres primeros parezcan elementos accesorios, son muchas veces determinantes para que el usuario elija entre las opciones que se le presentan en las búsquedas.

En cuanto al cuarto, está claro que ofrece más ‘confianza’ un perfil más completo y un historial de actualizaciones activo. No saber quien hay detrás de una App que se dejó de actualizar hace 3 años, no es un buen reclamo para un usuario.

Elementos ASO off-metadata

Son elementos o factores en los que quizás podemos influir algo, pero están fuera de nuestro control, como son:

  • Número de descargas: como su nombre indica, el volumen de descargas que tiene la app, sean gratuitas o de pago
  • Valoración: el rating que consigue la aplicación según la puntúan o votan los usuarios
  • Comentarios: el numero y contenido de los comentarios (*reviews*) que realizan los usuarios
  • La velocidad de las descargas: en cuánto tiempo se ha conseguido el total de descargas. Por ejemplo, si no es un volumen muy alto, pero ha sido en poco tiempo y de forma reciente, parece indicar que es una app nueva que ha ganado popularidad en cuanto se está conociendo, lo que atrae aún más a los usuarios.

Valoraciones de usuarios para App en Google PlayLas recomendaciones que hacemos en el curso en este apartado se centran tanto en la fase previa de diseño y desarrollo de la aplicación, como en la capacidad y calidad de respuesta que podamos dar a los usuarios que la instalan.

Buscadores de las tiendas

Los buscadores en las tiendas de Apps son menos sofisticados que los que podemos tener en la web donde se indexa más contenido. También debemos tener en cuenta las particularidades de cada tienda y sus algoritmos de resultados de búsqueda y clasificación, sobre todo de Google Play si es para Android, o de App Store si es para iOS.

Estrategia ASO

Al igual que ocurre en SEO, es mucho más efectiva si se desarrolla un plan de forma continuada a lo largo del tiempo, midiendo, analizando los resultados, y modificando o adaptando según este seguimiento que hacemos.

El análisis de nuestra aplicación es fundamental porque nos va a dar las claves para optimizar todos los metadatos que hemos presentado a partir de ahí entrar en ese ciclo de mejora continua. En el curso os comentamos algunos aspectos a considerar en este apartado.

Black Hat ASO

Como explicamos en SEO, también existe un prácticas fraudulentas que pueden en algunos casos dar resultados temporales. El problema es que como son intentos de engañar a las tiendas, éstas pueden detectarlo y penalizara gravemente a esas Apps, causando al final más perjuicio que el supuesto beneficio que se podía alcanzar. Damos algunos ejemplos de estas técnicas en el curso.

Estrategias complementarias a ASO

A estos apartados nosotros añadiríamos al menos tres canales digitales más si se trata de conseguir tráfico y ventas/descargas de nuestras apps:

  • Un plan SEO para atraer visitas desde búsquedas de la Web, ya que Google sigue siendo una de las fuentes fundamentales de tráfico para la descarga de Apps.
    Recomendamos la promoción con un sitio web (según la dimensión del proyecto puede requerir una web para cada App que distribuyamos) que enlace con las tiendas de Apps, (o incluso con descarga directa).
    También, según la tipología de la aplicación,  implementar Firebase (antes Google App Indexing) para una indexación directa de los contenidos de la app en Google.
  • Un plan en Redes Sociales, que consiga difusión, atracción de tráfico y ayuda al posicionamiento Web.
  • Promoción: principalmente canales online y puede incluir SEM, SMM y red de ads móvil especializadas, que referenciamos en el curso. En ocasiones una campaña de anuncios bien diseñada nos conseguirá un aumento puntual del volumen de instalaciones de la aplicación, subiendo su posicionamiento en los rankings y mejorando el resultado del resto de estrategias.

Como ves, contar con una buena base de conocimientos en SEO es un punto de partida ideal para introducirnos en ASO, además de un complemento indispensable, si queremos conseguir visibilidad y tráfico para nuestras apps.

]]>