Posicionamiento

Certificado SSL gratis para tu web con Let’s Encrypt.

SSL Let's Encrypt

Certificado SSL Let’s Encrypt

Lo primero que debemos saber es la diferencia entre http://  y https://, ¿ solo una “s” ?, sí, solo una “s”, pero es la consonante que transmite la seguridad a tu web, y en la que deberíamos fijarnos antes de introducir datos personales en una web, por que es lo que garantiza que estamos en una tienda o web  segura, y por consiguiente podemos comprar con toda confianza, ejemplo: Web con certificado SSL

En la imagen vemos como en la parte superior muestra el candado de color verde y a continuación el protocolo https://

Hasta ahora incluir un certificado en nuestra tienda online era caro,

y ni se pensaba ponerlo en una web normal, desde que google empezó a valorar que las web`s serían mejor valoradas por el hecho de tener certificado SSL,  era muy necesario incluir uno en nuestra web, más aún si trabajas el posicionamiento natural de tu web, el llamado SEO.

 

¿Que es  el Certificado SSL Let’s Encrypt?

Es un esfuerzo  impulsado por la Fundación Linux, para crear una entidad certificadora que ofrezca certificados SSL abiertos, libres, gratuitos y automáticos.

Esto significa, para que nos entendamos, que ya no habrá que pasar por caja y pagar a una empresa certificadora para tener un certificado SSL seguro, sino que podemos usar esta entidad de certificación, avalada por los grandes de Internet, que no cobra.

Algunas características de Let’s Encrypt que te encantarán son las siguientes:

  • Totalmente gratuitos
  • Fácil instalación
  • No hace falta ningún email de confirmación
  • No hace falta tener IP dedicadas, que también supondrían un coste adicional
  • Todos los principales navegadores los reconocen
  • Se renuevan automáticamente, gratis, salvo que decidas revocarlos

Let’s Encrypt ya ha emitido más de 24 millones certificados en el primer año…

Como decíamos anteriormente, detrás de este proyecto están  la mayoría de los grandes de Internet, y me refiero a Facebook, Google, Automattic, Cisco, Akamai, Sucuri, KeyCDN o SiteGround. Por lo que el futuro está asegurado.

Su implementación es muy fácil, la mayoría de las empresas de hosting ya lo tienen incorporado en sus paneles de gestión, por lo que con dos clics, lo tendrás activado.

Puede haber alguna particularidad dependiendo de la plataforma CMS que uses, wordpress, joomla, drupal, o del panel de gestión en tu hosting, Cpanel, Vespa,..etc, no nos vamos a extender explicándolas aquí, por que este no es el objetivo de este artículo, pero si tienes algún problema, siempre puedes consultarnos.

Puede  que tengas que forzar a que siempre se visite tu web mediante HTTPS.

Los pasos, manuales, serían los siguientes, pero si tienes experiencia, no debes tocar este archivo del servidor, o al menos hacer una copia por si algo va mal:

  1. Añadir estas líneas al archivo .htaccess, cambia “tusitio.com” por la dirección de tu web:

Es muy importante que tengas claro que tu web ya será siempre https://loquesea.com, y todas los enlaces deben y serán https:// . Google tiene identificada nuestra web como http://loquesea.es pero ahora se llega por https://loquesea.es, y es absolutamente imprescindible que google sepa que nuestra web ya es segura y se llega por HTTPS.

Para ello debemos ir a la Search Console de Google, antes conocida como Herramientas para Webmasters, y añadir la propiedad, poniendo nuestro dominio como https.

El objetivo de este post era informarte de que existe una alternativa gratis al pago de SSL y que es muy necesario para tu SEO, para el posicionamiento de tu web, y ya lo sabes, ahora no tienes excusas para no mostrar una web segura, con certificado SSL.

Los Pop-Ups serán penalizados por Google

consejos de uso google

Uso google

Los pop-ups (ventanas emergentes) han sido bastante polémicos desde su inicio. Al principio fueron utilizados principalmente para anuncios pero últimamente se utilizan para mostrar formularios de suscripción y similares.

Los Bloggers los aman por el crecimiento de sus listas de correo electrónico, pero los lectores tienden a odiarlos. Sin embargo, Bloggers y vendedores no tenían una razón de peso para no utilizar los pop-ups porque realmente son muy efectivos… pero Google va a cambiar esto para enero de 2017.

Las páginas que muestran estos mensajes tan inoportunos proporcionan una experiencia más pobre para los usuarios que otras páginas donde el contenido es inmediatamente accesible. Esto puede ser problemático sobre todo para dispositivos móviles, donde las pantallas son más pequeñas. Para mejorar la experiencia de búsqueda, después del 10 de enero de 2017, las páginas donde el contenido no es fácilmente accesible a un usuario no puntuaran alto en los resultados de búsqueda.

¿Todos los pop-ups serán penalizados?

Como ya sabrás, Google utiliza un algoritmo para clasificar las páginas en sus resultados de búsqueda. Lo mejor que podemos hacer es adaptarnos a los cambios de ese algoritmo. Sin embargo, de vez en cuando Google hace anuncios que nos permiten comprender un poco mejor su algoritmo. Un ejemplo fue cuando la optimización para móviles se convirtió en un factor de clasificación en el buscador.

Este nuevo anuncio que informa sobre la penalización de los pop-ups es parte del esfuerzo de Google para mejorar la accesibilidad móvil y la facilidad de uso para los usuarios. Una posición que no favorece a muchos bloggers y vendedores, pero que agradecerán los usuarios.Pop-ups penalizado por Google

Sólo penalizará los que hacen que el contenido sea menos accesible a los lectores.

Han identificado específicamente tres tipos que consideran incómodos:

• Un pop-up que cubre la página principal. No importa cuando se muestra (inmediatamente o después de unos minutos de navegación) importa si cubre el contenido del lector está tratando de leer.

• Los pop-up que tienen que ser cerrado antes de que el lector puede acceder al contenido.

• Un diseño que aparece en la parte visible superior del contenido principal.

Una vez dicho esto Google ha especificado tres tipos de pop-ups que no serán penalizados. En concreto, permitirá a los pop-ups que gestionan las obligaciones legales, tales como el uso de cookies o para la verificación de edad, los cuadros de diálogo de inicio de sesión para el contenido protegido por contraseña, y carteles que utilizan una “cantidad razonable de espacio en la pantalla y puede eliminarse fácilmente”.

Te muestro algunos de los que NO SERÁN PENALIZADOS:

Google penalizará popups SEO MetricSpot

¿Cómo afectará esto al SEO de tu Web?

Si te fijas bien en el comunicado oficial de Google, dice que este cambio afectará al algoritmo de búsquedas móviles específicamente. Así, en primer lugar considera cuánta gente mira tu Blog desde dispositivos móviles. Podrías pensar que no son muchos, pero el porcentaje crece cada año. El de MetricSpot, por ejemplo, esta alrededor de 10% actualmente.

Si el SEO es importante para ti piensa en adaptar tu Web. De todas formas, Google finaliza el anuncio con un recuerdo “esta nueva señal es sólo una de las cientos de señales que se utilizan en el ranking.” Se puede decir que el contenido relevante aún podría ir alto en los resultados de búsqueda, aunque el sitio utilice los pop-ups y “Welcome Mats”.

La cuestión es que Google no pone la penalización por placer, lo hace para mejorar la experiencia del usuario en los sitios Web. Consideran que los pop-ups están siendo molestos y poco útiles, y tienen datos que apoyan esta tesis.

El cambio a estás nuevas formas de subscription bar que señalé anteriormente no sólo mantendrá las buenas tolerancias de Google, sino que también hará mejor la experiencia de tus lectores en tu Web o Blog.

Fuente y fotos: MetricSpot y Blog del Google.

¿Seo hasta donde?

oso panda y pinguino, iconos del seo

Claves posicionamiento

Estamos llegando a un punto en que casi mostramos obsesión por el posicionamiento de nuestra web, y eso es un error, puede parecer contradictorio lo que digo, ¡pensareis! como este tio tiene una página que ayuda al posicionamiento y a la vez nos dice que no nos obsesionemos, que no tiene tanto valor; ¡pues sí! son perfectamente compatibles los dos mensajes, por un lado, es bueno hacer algo de SEO, y por otro no centrarse solo y exclusivamente en él, porque no irás muy lejos, lo explico a continuación.

Si dejamos a un lado la calidad de los contenidos y nos centramos en el estudio de los algoritmos de los buscadores,  buscando la forma de “engañarles”  para  alcanzar en el menor tiempo posible las primeras posiciones, mal iremos, es ahí donde quiero incidir, en la calidad de lo que  escribimos, en los artículos que vendemos, si es una tienda, en el contenido en general de la web o blog, ahí debe ir nuestro esfuerzo principal.

Hay muchos  expertos en SEO  que se dedican  exclusivamente al  estudio de todos los animalillos que va sacando google y que después venden, intentando creer que saben como funcionan los buscadores, pero cuantos más cambios se hagan,  mayores son las probabilidades de cometer un error que al final  arrastre a una página bien posicionada hasta lugares en los que no se encontraba ni siquiera cuando comenzó. Aquí damos nuestra segunda consideración, nadie, absolutamente nadie sabe a ciencia cierta como funcionan los buscadores, como descodificar sus algoritmos de búsqueda, por tanto hay que gastar bastante menos esfuerzo (pasta) en este apartado del que nos venden.

Haber si nos aclaramos, ¿SEO, cuanto necesitamos?

Esta es la cuestión que más clara debemos tener, salvo que nos sobre la pasta, en este caso, no pierdas tiempo en leer este post,  ni ninguno, jeje.

El posicionamiento debe ser un seo natural y útil, hay muchos post publicados, en esta web tienes varios, sobre los consejos, técnicas, sugerencias que debes tener a la hora de crear tu web, con esos consejos tienes más que suficiente para no entorpecer la llegada de tu web  a las primeras posiciones, porque se trata de eso, de no estorbar al buscador, después la calidad del producto que vendas y la gestión personal hará el trabajo, ya sean artículos de opinión o productos de venta, etc.

También le puedes añadir una campaña de publicidad, que aunque no te ayudan al posicionarte directamente, si lo hace de forma indirecta, porque te envía tráfico y el este genera actividad, que google tiene en cuenta.

En definitiva, si realizamos una adecuada creación de la web, siguiendo unos consejos generales, que no decimos que sean fáciles, lo que decimos es que el dinero que te vayas a gastar en una super empresa que te cobre entre 300 a 600 euros/ mensuales,  o más, que te prometan posicionamientos rápidos, realices posicionamiento natural y repartas el poco dinero entre Seo natural, pequeñas campañas de publicidad, y generadores de contenido.

Si tu eres capaz de hacer estas tres cosas, ¡créeme, no necesitas más!. No te obsesiones con el Seo, si con ofrecer un elemento diferenciador, algo que tu competencia no dé.

Posicionamiento de un artículo o noticia.

Revisar el Slug para posicionamiento

Slug

La parte más importante de una entrada es sin duda el título, no obstante, para hacer un posicionamiento “integral” del artículo o noticia, se debe complementar con otras variables, es decir;  una descripción, imagen, etc..

El título:

Debe ser corto y descriptivo, no debe superar los  65 caracteres.

Tiene por defecto la etiqueta “h1”, que es diferente de la etiqueta “h1” de la web general.

Meta descripcion:

Debe ser un resumen del artículo y es el elemento que debe provocar una llamada de atención sobre los lectores. Debe tener entre 70 y 145 caractéres, todo lo que pase de esa cantidad  no aparecerá, se verá cortada la frase o descripción.

A ser posible se le incluirán palabras clave, no más de tres, debemos tener claro cuales son nuestras palabras claves, tambien podrémos usar claves secundarias (atributos long tail), que serán sinónimos de las palabras clave principales.

Cuando se marque en negrita alguna frase, debemos tener en cuenta que esa frase incluya alguna palabra clave, para que quede marcada en negrita.

Las palabras clave debemos introducirlas lo más a la izquierda posible, tanto de los títulos como de las descripciones.

Muy importante es que a la hora del uso de palabras clave, NUNCA se debe forzar su uso.

En caso de poner enlaces externos, se debe usar la etiqueta “rel=nofollow” en el enlace, para que  no tengamos pérdida de tráfico hacia otras web´s.

 Contenido del artículo o la noticia:

Se deben usar las palabras claves de ese artículo junto con las palabras principales de la tienda. El uso de esas palabras clave no debe sobrepasar el 2% del contenido total. Como sugerencia para el uso de esas palabras secundarias o atributos long tail (palabras compuestas o frases) , se puede usar la caja de búsqueda de google, de esa manera cuando alguien busque artículos parecidos y google muestre sugerencias a los usuarios, habrá más posibilidades de direccionar tráfico hacia nuestra tienda.

¿Qué quiere decir long tail? (palabras compuestas) Se trata de un concepto que hace referencia a las palabras que acompañan a las keywords para especificar algo de ellas, tienen menos búsquedas, pero también menos competencia,  Por ejemplo: si en un texto ponemos la palabra clave ‘zapatillas’, tendrá una competencia muy alta, pero si usamos una long tail, a saber: ‘zapatillas de marca blanca ’, además de meter la palabra clave “zapatillas” estamos pidiendo que nos busquen por toda la frase completa, con lo que tendremos menos búsquedas, pero también menos competencia y ganamos en posicionamiento.

 Imágenes:

Usar palabras claves ( a ser posible),  se debe rellenar el  título, el ALT y la descripión.

El título y la descripción  ALT deben ser diferentes. El ALT debe ser “grosso modo”, la descripción de la imagen, lo que hay dentro, esto es así para en el caso del cliente tener bloqueadas la imágenes, y/o el navegador no las cargue, que el usuario/cliente pueda ver que hay en ese lugar que no se está mostrando.

Para completar la información sobre la imagen, que recordemos, tambien puede indexar google y que nos ayudará al posicionamiento,  podemos clicar en “Editar más detalles” y ahí solo tendremos que poner la palabra clave, porque lo demás estará ya relleno.

Es importante que sepas diferenciar entre la imagen que subes a la noticia y que debes cumplimentar estos campos y que posteriormente, debes entrar en “medios” y cumplimentar los campos de esa imagen que has subido. (es la misma imagen).

La información que debes poner es la que tenga la imagen, sobre la imagen y su detalle, claro está, que estará relacionada con el artículo o post que has publicado en la tienda..

Si tenemos el plugin Yoast, como es nuestro caso, las lucecillas (vedes o rojas) nos van indicando la situación de la noticia o artículo,  estaría bien tenerlas todas verdes J , pero eso es poco probable que se consiga en todos los artículos sin forzar palabras clave y descripciones, así que lo que haremos es intentar conseguir cuantas más lucecillas verdes mejor, pero sin forzar los textos, siempre de forma natural, no pasa nada si se quedan algunas rojas.

Slug:

 Es una parte importante para una correcta visualización de nuestras url’s, y por tanto del posicionamiento. Es la sección de texto que sigue inmediatamente después del nombre de dominio, y forma la dirección URL de una página o post, por ejemplo:

Por defecto, en un sitio web en WordPress, el slug lucirá similar a:

 http://creacion-web.com/?p=18   —–à se debe cambiar esta parte por el titulo de la noticia

Se debe cambiar por el título del artículo o si el título de la noticia es muy largo, se puede cambiar dando clic en “editar”, y modificar el slug y ponerlo más corto y más legible para un mejor posicionamiento, recuerda que no es bueno pasar de 65 caracteres.

No copies y pegues texto  para rellenar el artículo, ni siquiera de tu mismo blog, esmérate en el contenido, siempre lo más original posible, puedes coger otras ideas, pero adáptalas a tu leguaje.

Procura publicar los mismos días, si tienes más tiempo  un lunes, pues lunes. Ten en cuenta que los días de más movimiento suelen ser, martes y jueves, esto es de forma muy general.

Resumen General sobre posicionamiento de post:

  1. Título: Palabra clave, cuanto más al principio esté ubicada (es decir, a la izquierda), mucho mejor. no  superar los 65 caracteres.
  2. Metadescripción: Texto destacado que también debe incluir la palabra clave y cuya extensión no puede superar los 145 caracteres. Debe atraer a lectores.
  3. Artículo: el cuerpo del texto debe contener la keyword, no más 2%. Es indispensable utilizarla de forma natural, emplear algún sinónimo  / los atributos long tail.
  4. Esquematizarlo por etiquetas “h” “h1, titulo viene por defecto al poner el título de la noticia o artículo”,

    “h2, subtítulo del articulo”, “h3 encabezado de menor importancia”, “h4, ídem”, etc…

    Para elegir las etiquetas h2, h3, h4, seleccionamos el texto y desplegamos la pestaña donde pone “Párrafo” y elegiremos encabezado, Título 2 =h2, Título 3= h3….. etc.

     Ver imagen lateral.tipos de etiquetas h1, h2 para encabezamientos

    Imágenes:  debes tener en cuenta:

    1. Debe optimizarse. La imagen debe contener la palabra clave en el alt, a ser posible.
    1. Debe tener el título
    2. Debe tener descripción
    3. Debe tener palabra clave (editar imagen)
    4. La imagen tiene que ser de calidad. No olvides que debe tener el menor peso posible para mejorar la velocidad de descarga.
    5. No copies y pegues texto. Campos diferentes, textos diferentes.
    Cuerpo del texto (artículo):

    En cuanto al cuerpo:

    Pon los títulos y los subtítulos siguiendo un mismo orden. En primer lugar h1, h2, h3,….. posicionamiento de un articulo

    1. Formato justificado. El texto será más fácil de leer y cansará menos la vista si está justificado.
    2. URL. Revisa que no tenga símbolos,  de lo contrario no aparecerá correctamente al ser compartida.
    3. Revisa el Slug. Comprueba que no tenga cosas raras, ni símbolos, ni números. Debe tener el nombre del título.

    Comparte el artículo:

    • Comparte tu posts/artículo en las redes sociales.
    • Introdúcelo en foros cuando te sea posible.
    • Lo ideal es que el enlace vaya acompañado de la imagen, de este modo el contenido será más atractivo.

En la parte de la derecha podéis ver una captura del artículo terminado y publicado.

Con estas nociones / consejos generales podrás posicionar cada articulo correctamente, al menos ofrecerás a los buscadores toda la información y estructurada que necesitan para indexar correctamente cada artículo, post, noticia que crees.

Fuente: Elaboración propia

Consejos para buscar en google.

consejos de uso google

consejos de uso google

Google es una compañía, principal subsidiaria de la multinacional estadounidense Alphabet especializada en productos y servicios relacionados con Internet, software, dispositivos electrónico y otras tecnologías. El principal producto de Google es el motor de búsqueda de contenido en Internet del mismo nombre aunque ofrece también otros productos y servicios como el correo electrónico llamado Gmail sus servicios de mapas Google Maps y Google Earth el sitio web de vídeos Youtube y otras utilidades web como Google Libros o Google Noticias, Google Chrome y la red social Google+. Por otra parte, lidera el desarrollo del sistema operativo basado en Linux, Android, orientado a teléfonos inteligentes, tabletas, televisores y automóviles y en gafas de realidad aumentada, las Google Glass.

Lo más importante para realizar una búsqueda a través de Google:

  • En primer lugar, pensar muy bien la información que queremos y procesarla al ordenador mediante el teclado.
  • Lo siguiente sería escribir el contenido, mientras menos contenido haya y más espeso sea ese contenido, mejor información recibiremos, es decir, palabras clave(esas que tanta importancia tienen en el posicionamiento).
  • Una vez que llegamos al tercer paso deberíamos mirar varios enlaces mínimo. Para recibir mejor información.
  • Y en último lugar aunque mires varios enlaces o entradas, no cogemos la información de uno sólo. La cogemos de todos lados e intentamos sacar nuestra propia conclusión y nuestra propia información.
Recuerda que no hay verdades absolutas, tu tienes que crear tu propia verdad, tu opinión.

Como buscar en google, ejemplos de búsqueda:

1. Comillas ”  “

  • Cuando pones las comillas a una palabra o a un grupo de palabras, lo que hace el buscador Google es buscar esas palabras de forma consecutiva. Este truco es muy útil para cuando buscas, por ejemplo, el título de un libro, una película o una canción.

2. Guión  – o +

  • La función del guión cuando haces una búsqueda en Google es la de excluir la palabra que va pegada a ese guión. Se trata de un tipo de recurso muy útil cuando tenemos una expresión de varias palabras con un único significado como sistema solar o revolución industrial. Por ejemplo, si estás buscando información sobre la palabra vía y no quieres que salga ningún resultado relacionado con la palabra láctea, entonces tan sólo tienes que escribir lo siguiente en el buscador de Google: vía -láctea y todos los resultados que aparezcan excluirán de la búsqueda la palabra láctea. Todo lo contrario ocurre si lo que ponemos es el signo +

4. Site: (web específica)

  • En ocasiones, a la hora de buscar en Google, te gustaría acotar la búsqueda en una página web en concreto. Este truco te aseguro que te va a resultar de los más útiles. Imagínate que quieres buscar información sobre Cervantes en la página web del periódico El País. Pues bien, para que todos los resultados de búsqueda que haga Google sean específicamente de la web de El País lo que debes buscar en Google es lo siguiente: Cervantes site:elpais.es. Lo que hará Google es buscar todas las noticias sobre Cervantes, pero exclusivamente de la web del periódico El País.

    cucatu.com

    Información sobre cucatu.com

  • Esta opción es muy buena para saber cuantas entradas tiene indexadas una página web de nuestra propiedad, por ejemplo si quisiéramos saber cuantas tiene el Blog del Olivar o la tienda Cucatu. Bisutería y complementos de moda, pondríamos en google, site:cucatu.com, y como veis en la imagen, nos muestra las páginas indexadas por google.

Esto viene muy bien para en relación con el posicionamiento, para saber como va nuestra web.

5. Link: (página específica)

  • Este truco tiene como finalidad buscar páginas que se dirijan a una determinada página. Por ejemplo, mediante link: puedes buscar todas las páginas que dirijan a google.es. Para ello escribirías en el buscador de Google lo siguiente: link:google.es. También viene muy bien para saber cuantas páginas dirigen a tu web, algo muy importante para el posicionamiento de tu web, cuantas más páginas  y más buenas sean, mejor será tu posicionamiento web.

7. Related:

  • Lo que hace  es buscar páginas con un contenido similar a la página que desees. Por ejemplo, si en el buscador de Google escribes related:Bisuteria y complementos de moda, los resultados que obtendrás serán páginas relacionadas directamente con Bisutería y complementos de moda. Se trata de un truco muy útil cuando haces una labor de campo, por ejemplo, un trabajo de investigación.

8. Define: 

  • Aunque en muchas ocasiones optes por buscar la definición de un término con la ayuda de un diccionario, también quiero mostrarte que existe otra posibilidad de definir cualquier término que busques en Google. Es decir, cuando quieras buscar la definición de algún término, sólo tienes que escribir en la barras del buscador de Google lo siguiente: define:seo. Lo que hará Google es buscar todas las definiciones posibles del término SEO que haya en la red.

9. Info:

Muestra la información y descripción de la página web, útil para saber como ve google nuestra web. Ejemplo: info:cucatu.com
10. Allintitle:

Para sabes qué páginas web contienen en su título una palabra clave, necesitamos el comando “allintitle” que vamos a usar así:

Ejemplo: allintitle: “Seo util” y nos devuelve páginas web que contienen en el campo “title” esas palabras concretas.

 11. Filetype:

Si lo que queremos es encontrar información de algún tema concreto y en un archivo concreto, podemos filtrar esa búsqueda utilizando el comando “filetype”: Por ejemplo: libros de literatura filetype:pdf

He puesto como ejemplo que queremos información en formato PDF. Así, sólo nos aparecen resultados que sean PDF’s.

Estos son algunos de los recursos que están disponible para facilitarnos la vida, hay muchos más, pero teniendo en cuenta los principales, te ayudará mucho para buscar lo que necesitas y te ahorrará mucho tiempo.

Siguiendo estos pasos, probablemente a partir de ahora obtendremos mejores resultados a la hora de buscar a través de Google.

La carga rápida en móviles pasa por AMP

acelerar páginas móvles

AMP acelerar páginas móvles

Las páginas web tardan en cargarse en dispositivos móviles. No es una impresión, es un hecho, y los editores y creadores de contenido deben y quieren hacer algo al respecto. A los demás también nos debería preocupar. ¿Deseas tener éxito en marketing online? ¿Tienes algún negocio online que desees mejorar? Una faceta importante a tener en cuenta es la satisfacción de los usuarios que visitan tu sitio web, y algo de especial importancia es el tiempo de respuesta que obtienen al cargar páginas. Veamos algunos datos interesantes:

En un reciente artículo en Radware se destacaba que los usuarios de navegadores en dispositivos móviles esperan que las páginas se carguen tanto o más rápido que en un navegador de escritorio, y además esperan que el tiempo de carga sea de dos segundos o menos, con el 40% de los usuarios abandonando una página si tarda más de tres segundos en cargarse.

En otro interesante artículo de SOASTA se presentan los resultados de un estudio sobre los ratios de conversión en función del tiempo que tarda en cargarse una página web. Los resultados están claros: la mejor conversión se produjo con 2,4 segundos de carga (1,9% de conversión); páginas que se cargaban un segundo antes obtenían un incremento del 27% en su conversión; al llegar a los 4,2 segundos de carga el ratio de conversión bajaba del 1%.

Desde ttandem seguimos con atención una nueva iniciativa para acelerar la carga de páginas web que se ha presentado este mes. A continuación te contamos los detalles.

Acelarando las páginas web

Esta claro: los usuarios quieren respuestas rápidas cuando utilizan un navegador en un dispositivo móvil. Recientemente Google ha presentado un proyecto denominado Accelerated Mobile Pages (AMP) cuyo objetivo es crear la base tecnológica necesaria para hacer que las páginas web en navegadores de dispositivos móviles se carguen muy rápidamente, atendiendo tanto al componente tecnológico como a las necesidades de editores y creadores de contenidos.

La iniciativa se encuentra en sus inicios, pero teniendo en cuenta los socios que actualmente la apoyan no cabe duda de que va a tener éxito y va a ser un componente clave del internet del futuro. Para hacernos una idea del apoyo con el que inicia su andadura AMP, editores tan importantes como BBC, The Economist, El País, Financial Times, The Guardian, The New York Times, TIME, The Wall Street Journal o The Washington Post están comprometidos con esta iniciativa. Desde el punto de vista tecnológico empresas como Google, LikedIn, Pinterest, Twitter o WordPress han manifestado su compromiso con AMP. Cabe destacar la presencia de WordPress, el CMS más utilizado de internet, que en un artículo ha manifestado su apoyo a AMP. Cómo era de esperar ya existe un plugin para poder utilizar AMP en WordPress.

A continuación se indican aspectos clave de esta iniciativa, tanto para editores como desarrolladores:

Las ideas clave

Existen dos ideas clave que definen AMP:

  • Las páginas web desarrolladas según AMP se pueden visualizar en todos los navegadores actuales. Es decir, utilizan las actuales tecnologías y no necesitan en los navegadores nada adicional.
  • El objetivo de conseguir tiempos de carga muy pequeños está basado en aplicar restricciones en la creación de las páginas web.

Las restricciones

Estas son algunas de las restricciones que impone AMP con respecto a la forma en que habitualmente se crean las páginas web:

  • El único ‘javascript’ permitido es el propio de AMP.
  • No se permiten elementos de entrada de formularios (‘input’, ‘textarea’, ‘checkbox’, etc.).
  • Los únicos estilos CSS que se permiten deben estar en una etiqueta de la cabecera de la página (elemento ‘head’) y no deben exceder los 50 KB.
  • AMP define los componentes que se deben utilizar a través de nuevas etiquetas HTML. Por ejemplo: ‘amp-img’ reemplaza a la etiqueta estándar ‘img’. Otras nuevas etiquetas se crean. Por ejemplo, ‘amp-youtube’ permite insertar un vídeo de YouTube.

La validación

Es importante poder comprobar que una página web cumple con la especificación de AMP. Para ello, intentando hacerlo fácil para los desarrolladores, si se añade a la URL de la página ‘#development=1′ se mostrará en la consola del navegador el resultado de validar la página web, destacando posibles errores que hagan que la página incumpla AMP.

Los editores y su negocio

AMP, desde sus inicios, desea tener en cuenta que quienes publican información muchas veces viven de ello. Quizás sea esta la parte menos desarrollada de AMP, pero una de las que más atractivo tiene para los editores. Para hacer que AMP tenga en cuenta la vertiente de negocio de quienes crean y publican contenido se han tenido en cuenta dos aspectos:

  • AMP permite la inserción de anuncios a través de la etiqueta ‘amp-ad’ y soporta la mayoría de empresas proveedoras de anuncios (AdSense, Doubleclick, etc.).
  • AMP incluirá el acceso a las páginas de contenidos a través de suscripción, es decir, el acceso al contenido podrá estar restringido a usuarios que previamente hayan pagado por él. Esta parte de AMP está pendiente de desarrollo a través de la colaboración con las empresas editoras.

No cabe duda que iniciativas como esta van a mejorar la experiencia que tienen los usuarios a lo hora de navegar por internet con un dispositivo móvil. Debemos estar atentos a AMP y al hecho de que el año pasado fue el primer año en el que el tiempo de navegación por internet desde dispositivos móviles superó al de navegadores de escritorio, como se ve en el estudio Internet Trends 2015 de KPCB (Diapositiva n.º 14), y este año ha ido en aumento. Debemos mejorar la experiencia de los usuarios en el internet móvil. Desde ttandem creemos que AMP es un paso importante en este sentido. Vamos a realizar un seguimiento de AMP y vamos a realizar pruebas con el objetivo de ofrecer a nuestros clientes aquellas tecnologías que les permitan mejorar en su presencia online. Os contaremos nuestra experiencia.

Fuente: ttandem.com