Diseño web

Diseño web

Download on the App Store

Diseño web episodes

  • Qué plugins conviene instalar en Wordpress y cuáles no
    Hoy vamos a hablar de los plugins imprescindibles para tu Wordpress y de cómo no abusar de ellos ya que afectarían al rendimiento de tu web, pero antes… demos paso al patrocinador!!!!:

    WebEmpresa, hosting especializado en Wordpress. Es el hosting que usamos nosotros desde hace tiempo.
    En pampua.es/webempresa te dejamos los 13 motivos que tienes contratarlo; échale un vistazo!
    Además te damos un cupón del 20% de descuento. Entra ahora mismo en pampua.es/webempresa y guárdate tu cupón.

    Con lo fácil que es instalar un nuevo plugin en Wordpress (sólo un par de clicks)  seguro que sois muchos los usuarios que habéis instalado alguno para “probar” y en ocasiones lo habéis dejado activado, aunque no le deis uso después.
    Esto genera varios problemas en el sitio web WordPress, el primero y más importante “la posibilidad de generar huecos en la seguridad por el uso de plugins vulnerables o no actualizados” y la segunda y no menos importante “la ralentización de carga del sitio web derivado de la cantidad de plugins instalados”.
    Según un estudio de Akamai, el 47% de los visitantes esperan que una página se cargue en menos de 2 o 3 segundos y el 57% de los visitantes va a abandonar una página que tarda más de 3 segundos para cargar.
    Como ya comentamos en el episodio 10, si no quieres complicarte instala Wp Super Cache para corregir el problema de velocidad y carga de la web, y por supuesto mejorar los tiempos de consultas al servidor, si bien que la mejor política es la de ¡instalar solo lo que se va a utilizar!.
    En otro estudio publicado, Amazon informó de que un aumento de 100 milisegundos en la velocidad de carga de la página se tradujo en un 1% de aumento en sus ingresos.
    Sólo unos pocos años después, Google anunció en su blog que su algoritmo tiene en cuenta la velocidad de carga de la página para el ranking de sitios web, y hace poco ha anunciado que la versión que va a tener en cuenta para el posicionamiento va a ser la versión móvil de tu web. Pero bueno, de esto ya hablaremos en profundidad en otro episodio.
    Cómo mejorar la carga de un sitio web:

    Saber identificar qué plugins están ralentizando el sitio web.
    Comprimir automáticamente las páginas como JavaScript y CSS.
    Optimizar la carga de imágenes (Tal y como vimos en el ep. 7)
    Mantener la base de datos de tu sitio web limpia y optimizada.
    Configurar el almacenamiento en caché del navegador de la manera correcta.

    Hoy vamos a centrarnos en el primer punto, por suerte existe un plugin que crea un perfil de rendimiento de todos los plugins de tu sitio de WordPress, midiendo su impacto en el tiempo de carga de la web. Muchas veces, los sitios de WordPress cargan lentamente a causa de plugins mal configurados o porque hay “demasiados” instalados. Al utilizar el plugin Performance Profiler (P3), puedes determinar que plugin causa lentitud en tu sitio web.
    ¿Que podemos extraer de Performance Profiler?

    La carga general e individual de los plugins activos.
    Cantidad de segundos dedicados por determinado plugin por visita.
    Cantidad de memoria consumida por la web en el servidor.
    El impacto total de carga generado por los plugins.
    Las consultas a MySQL generadas por los plugins a la base de datos.
    Comparativa de tiempos de carga del Tema, core de WordPress y Plugins activos.

    Este plugin utiliza el elemento canvas para dibujar gráficos y requiere Firefox, Chrome, Opera,
    11 min
  • Cómo acelerar tu web con un CDN
    Hoy vamos a hablar de que es un CDN, para que sirve, si es recomendable usarlo, pero antes… Demos paso al patrocinador!!!!:


    WebEmpresa, hosting especializado en Wordpress.
    Es el hosting que usamos nosotros desde hace tiempo
    En pampua.es/webempresa te dejamos los 13 motivos que tienes contratarlo; échale un vistazo!
    Además te damos un cupón del 20% de descuento. Entra ahora mismo en pampua.es/webempresa y guárdate tu cupón.


    Es probable que hayas oído hablar bastante de los CDN y de su capacidad de acelerar las páginas web, entre otros usos.
    Y no me extraña, ya que la velocidad de navegación en un sitio web es, sin duda, uno de los factores más relevantes para mejorar la experiencia de usuario, mientras tus usuarios navegan a través de las páginas de tu web.
    Hoy en día, una página que tarde más de 2-3 segundos en mostrarse en pantalla, hará que el usuario pierda la paciencia y la abandone, para encontrar en otra parte lo que busca.
    Después de todo, en Internet todo está a unos pocos clics de ratón, así que, ¿para qué esperar si puede ir a otro sitio sin apenas esfuerzo?
    A su vez, la experiencia de usuario influye en el SEO de una web, ya que Google penaliza las páginas que tardan demasiado en cargar, precisamente por su efecto negativo en este factor.
    Esto, hasta ahora, era razón suficiente para ponernos las pilas y empezar a optimizar las imágenes (ep. 7), instalar un plugin de caché (ep. 10), utilizar plugins que consuman pocos recursos (hablaremos de ello la semana que viene), etc.
    Otra forma de optimizar: usar un CDN
    A diferencia de otras optimizaciones realizadas sobre recursos o componentes instalados en el servidor web o en WordPress, con un CDN intervienen servidores externos, que interactúan con el servidor web para acelerar la descarga de una página web y, en consecuencia, la velocidad de navegación.
    A continuación, te mostraré en qué consiste, cómo funciona y, desde un punto de vista práctico, cómo puedes instalar y configurar un CDN en tu WordPress, para aprovechar todas sus ventajas.
    ¿Qué es un CDN?

    Un CDN es, de forma muy resumida, un conjunto de servidores distribuidos por todo el planeta y conectados entre ellos a través de Internet.

    Pero, para creo que la mejor forma de comprender qué es un CDN y cómo funciona es conociendo primero el proceso que se sigue, desde que un usuario introduce una dirección en su navegador hasta que la página web correspondiente aparece en pantalla.
    Aunque no hay diferencias significativas con otros gestores de contenidos, con el fin de simplificar la descripción de este proceso, vamos a suponer a partir de ahora que accedemos a la página web de un sitio en WordPress. El procedimiento sería el siguiente:

    El usuario introduce la dirección en su navegador.
    El navegador identifica el servidor correspondiente a esa dirección y le solicita la correspondiente página web.
    El servidor recibe esta petición y WordPress genera un fichero HTML, a partir de la información almacenada en sus bases de datos.
    Dicho servidor envía este fichero HTML al navegador que hizo la petición (punto 2).
    Cuando el navegador recibe el fichero HTML, lee e interpreta su contenido.
    Durante esta interpretación, pueden aparecer referencias (direcciones web) a diversos recursos, como ficheros de estilos o imágenes, que forman parte del contenido o estructura de la página web.
    Por cada una de estas referencias, el navegador solicita ese recurso al mismo servidor.
    El servidor atiende cada una de estas peticiones, localizando el correspondiente recurso en su disco duro y enviándolo al navegador.
    24 min
  • Cómo usar la caché en Wordpress
    El episodio de hoy sobre cómo usar la caché en Wordpress lo vamos a dedicar a todos los que ven las Pascuas a la vuelta de la esquina y aún no tienen planes.
    Lo dicho, vamos a hablar de cómo usar la caché en Wordpress, pero antes…
    Demos paso al patrocinador!!!!:
    WebEmpresa, hosting especializado en Wordpress. Es el hosting que usamos nosotros desde hace tiempo. En pampua.es/webempresa te dejamos los 13 motivos que tienes contratarlo; échale un vistazo! Además te damos un cupón del 20% de descuento. Entra ahora mismo en pampua.es/webempresa y guárdate tu cupón.
    Antes de nada vamos a ver…
    Porque es imprescindible usar algún sistema de caché
    WordPress, como ya sabrás, es un sistema de gestión de contenidos (CMS) que se sirve de bases de datos. Esto, cuestiones técnicas a parte, significa que para que funcione WordPress y los visitantes puedan acceder a una entrada, página, etiqueta o categoría de tu web, se tienen que hacer multitud de conexiones a la base de datos que recogen esa información, todo ello gracias a miles de líneas de código programadas en PHP que hacen que todo funcione.
    El problema surge porque por cada petición que hace un navegador a tu web se deben realizar toda esa serie de conexiones, lo que supone una enorme cantidad de necesidad de recursos, memoria, etc, de tu servidor. Además, esto se pone peor a medida que pasa el tiempo y tu sitio tiene más contenido, y tus visitas se multiplican, pues hay más navegadores (de tus visitantes) pidiendo una y otra vez que se realicen las mismas peticiones de información relacionada a la base de datos, y cada vez hay más datos que relacionar y más recursos a emplear.
    Tu visitante no sabe lo que pasa ahí detrás, ni siquiera tu, pero tu servidor si que se entera.
    Dicho de otra manera, sin cache, cuando un visitante trata de ver una página de tu web la página en si mismo en realidad no existe. En su lugar, el servidor recibe la petición, WordPress busca en la base de datos el contenido que se supone que está en la página y crea la página al instante antes de mostrarla, para que refleje los posibles últimos cambios (texto, comentarios, lo que sea). Cuando el visitante pasa a otra página la anterior desaparece y el proceso empieza de nuevo.
    Aunque esto es una simplificación sirve para que entiendas en realidad lo que pasa: el servidor tiene que crear la página cada vez que alguien quiere verla.
    Esto, que es genial para que el visitante siempre vea la versión más actualizada de cada página conlleva demasiado esfuerzo y trabajo para un servidor de alojamiento, y si tu web tiene mucho contenido y visitantes puede superar los límites que tengas contratados de peticiones a la base de datos (que casualmente prácticamente nunca están en la descripción de tu hosting), o lo que es lo mismo, el uso de recursos de procesador y RAM de la máquina, virtualizada o no que tengas contratada, especialmente si concurren muchos visitantes al mismo tiempo.
    En el lado contrario, con cache, WordPress no tiene que crear páginas nuevas cada vez. La página se crea una vez y se mantiene (en cache) durante un periodo de tiempo que definimos en las configuraciones de nuestro plugin de cache, normalmente de horas, aunque esto puede variar (y deberá hacerlo) de acuerdo a la cantidad de contenido y tráfico que nuestra web tenga.
    Esto significa que las páginas si existen físicamente, como fotos instantáneas de nuestro contenido, y a los visitantes WordPress les muestra la versión en cache de las mismas, evitando de este modo que el servidor tenga que comprobar constantemente la base de datos y crear las páginas desde cero.
    Los mismos ajustes de los plugins de cache te permitirán definir los intervalos, y todos contemplan la opción de crear una nueva versión en cache cua...
    9 min
  • Cómo elegir un buen hosting
    Hoy vamos a hablar de cómo elegir un buen hosting, pero antes…
    Demos paso al patrocinador!!!!:
    WebEmpresa, hosting especializado en Wordpress. Es el hosting que usamos nosotros desde hace tiempo En pampua.es/webempresa te dejamos los 13 motivos que tienes contratarlo; échale un vistazo! Además te damos un cupón del 20% de descuento. Entra ahora mismo en pampua.es/webempresa y guárdate tu cupón.
    Primero veamos ¿Qué es un hosting?
    Un hosting es un servicio de alojamiento web que te permite instalar WordPress o cualquier otro CMS (Joomla, PrestaShop, etc) para empezar a crear tu página y que así la puedan ver todas las personas.
    Además de alojar y mostrar tu web en internet, un hosting te permite tener cuentas de correo con tu nombre de dominio, es decir: [email protected] Podrías tener varias cuentas de correo con tu dominio para que sea más profesional. No transmite ninguna confianza una tarjeta de visita o un vehículo de empresa rotulado con una cuenta @gmail o peor aún, @hotmail.com
    Claves para elegir el mejor hosting web
    A la hora de elegir hosting, es fácil equivocarse si no se saben los requisitos mínimo que debe de tener para que tu proyecto web empiece con buen pie.
    Existen varios tipos de hosting según la envergadura del proyecto, para el 99% de los casos puedes empezar con un servidor compartido e ir ampliando si las necesidades de recursos aumentan.
    Las características básicas en las que te debes fijar para no gastar el dinero en algo de mala calidad son:

    Almacenamiento en discos sólidos SSD: Para que tu web cargue rápido necesitas que el hosting tenga discos SSD.
    Capacidad suficiente de almacenamiento: Esto es el espacio que necesita tu web (imágenes, archivos, etc). Normalmente con 1Gb tendrás más que suficiente. Yo no contrataría menos de 1Gb, puesto que si creas varias cuentas de correo corporativas, los mails que haya en cada una de esas cuentas van a ocupar espacio.
    Facilidad de ampliar el plan: Antes de contratar el hosting pregúntales si para ampliar el plan que contrates habría que hacer una migración interna o simplemente te asignan más recursos sin tener que cambiar nada. Es fundamental que no te suponga un quebradero de cabeza ampliar el plan de hosting.
    Buena tasa de transferencia mensual: Cuando alguien visita tu página, el navegador descarga de tu web los textos e imágenes consumiendo datos. Al principio con alrededor de 50 gb/mes tendrás de sobra. Pregunta también que ocurre cuando se acerca ese límite, si te avisan de alguna manera y te dan la opción de ampliarlo o simplemente te cortan el servicio.
    WordPress autoinstalable: Si eres principiante, lo mejor es que el hosting que contrates tenga la opción de instalar WordPress, o el CMS que vayas a usar, en un par de clics. Te ahorrará mucho trabajo.
    Basado en linux: Los gestores de contenidos como Joomla, WordPress, Prestashop, etc. son soluciones de software libre que donde mejor funcionan es en un entorno LAMP (Linux, Apache, MySQL y PHP). Por ello, mi recomendación es trabajar con servidores Linux. (Tenemos un cliente al que le estamos desarrollando su nueva web que tiene contratado un servidor Windows en Domain, no os podéis imaginar la de problemas que nos está dando. Lo dicho, para el hosting: Linux.)
    Atención 24 horas 7 días a la semana: El soporte es un punto crítico a la hora de contratar un hosting. Si tu web sufre una caída o necesitas asistencia técnica, es desesperante que no te atiendan rápidamente. Busca uno que tenga atención telefónica, vía chat o un sistema de tickets rápidos.
    Sistema de copias de seguridad: A la hora de elegir hosting, uno de los aspectos decisivos que diferencia un buen hosting de uno regular, es que dispongas de un sistema de copias de seguridad automático y que se realice todos los dí...
    11 min
  • Cómo hacer correctamente copias de seguridad en WordPress
    Hoy vamos a hablar de cómo hacer copias de seguridad de tu página web, pero antes…
    Demos paso al patrocinador!!!!:
    WebEmpresa, hosting especializado en Wordpress. Es el hosting que usamos nosotros desde hace tiempo. En pampua.es/webempresa te dejamos los 13 motivos que tienes contratarlo; échale un vistazo! Además te damos un cupón del 20% de descuento. Entra ahora mismo en pampua.es/webempresa y guárdate tu cupón.
    Voy a ir al grano: si no estás haciendo copias de seguridad, tu web está pendiendo de un hilo.

    Porque puedes recibir un ataque hacker.
    O instalar un plugin no compatible que convierte en algo caótico todo el trabajo realizado antes.
    Quizás desestructures tu web con una simple actualización de WordPress.
    Y todo esto por no hablar del error humano, el más común de todos.

    Y creo que no es cuestión de tirar todo tu trabajo por la borda por no cumplir una pequeña rutina.
    Además tengo una buena noticia: existe un gran plugin para realizar copias de seguridad de forma automática se trata de: UpdraftPlus WordPress Backup Plugin
    Con él tendrás la opción de recuperar tu trabajo después de cualquier cambio inesperado en tu web y restaurar tu base de datos WordPress si has “tocado” algo que no debías.
    ¿Por qué UpdraftPlus es la mejor elección si buscas un plugin para hacer respaldos de tu blog?
    Te voy a contar las características por las que yo mismo lo elegí y lo uso en todas las web de nuestros clientes:

    Restauración de tu web a un punto anterior con un solo clic. Facilísimo y rapidísimo.
    Copias de seguridad manuales o programadas. Así que puedes automatizar gran parte de ese trabajo. Con la posibilidad de distintos tiempos de programación para bases de datos y archivos.
    Copias de seguridad guardadas en la nube, no en tu servidor. Poder hacer copias de seguridad de WordPress  fuera de tu servidor es necesario, para que también estés protegido cuando el servidor falle. Puedes hacer copias a Dropbox, Google Drive,  FTP, Email y muchos más.
    En caso de carga fallida de la copia, UpdraftPlus vuelve a reintentar la copia automáticamente. Sin que tengas que estar pendiente.
    División en varios archivos de las copias de seguridad con mucho peso. Si tu web tiene muchos posts e imágenes, otros plugins, simplemente no podrán hacerte copias de seguridad.
    Selección manual opcional de los archivos a copiar o restaurar.
    Descarga de archivos directamente desde el panel de WordPress.
    Interfaz en español (además de en otros idiomas). Lo cual siempre ayuda.
    Compatible con las últimas versiones de PHP
    Modo depuración de las copias de seguridad.
    Más de un millón y medio de descargas, compatible desde WordPress 3.2 a 4.9.4. Última actualización en febrero de 2018. Si todos lo eligen, por algo será.
    Un gran soporte. En el foro de ayuda resuelven casi todos los problemas de forma muy rápida.

    Cómo instalar UpdraftPlus y hacer un backup manual
    Como siempre que se trata de plugins gratuitos de WordPress, vamos a nuestro dashboard>plugins>añadir nuevo>escribimos UpdraftPlus en el buscador>instalamos>activamos
    Nos aparecerá (por lo general) en nuestra barra lateral  (Ajustes) con el nombre UpdraftPlus WordPress Backup Plugin.
    Es de agradecer que la interfaz que nos aparece lo hace ya traducida al castellano.
    De las tres acciones que presenta (Respaldar, Restaurar y Clonar/Migrar), en esta primera toma de contacto solo podríamos realizar la primera.
    No podemos restaurar porque no hay ningún respaldo previo, y no podemos clonar o migrar porque para ello necesitamos el complemento 
    11 min
  • Cómo optimizar de manera automática las imágenes de tu web
    Esta semana ha sido muy intensa, adelantado trabajos de varios proyectos web que saldrán a la luz en breve, entregando las tarjetas de visita que diseñamos para la frutería Reme, asistiendo a una conferencia del Coach Pepe Cabello, vamos, sin parar…
    Hoy vamos a tratar un tema muy importante que todos los administradores de webs deberían conocer:
    Cómo optimizar de manera automática las imágenes de tu web, pero antes…
    Demos paso al patrocinador!!!!:
    WebEmpresa, hosting especializado en Wordpress. Es el hosting que usamos nosotros desde hace tiempo.
    En pampua.es/webempresa te dejamos los 13 motivos que tienes contratarlo; échale un vistazo!
    Contrata tu hosting con un 20% de descuento ahora mismo usando el cupón que te dejamos en pampua.es/webempresa
    PORQUE ES IMPORTANTE OPTIMIZAR LAS IMÁGENES?
    Reducir el tamaño y comprimir fotos debería ser una obligación para todo aquel que tenga un sitio web o un blog, puesto que son uno de los elementos que más peso aportan a la web.
    También es una de las formas más sencillas de aumentar nuestro PageSpeed. (Test de google para medir la velocidad. Te lo dejo en las notas)
    Optimizar las imágenes nos aporta varias ventajas:

    Disminuir el tiempo de carga de tu web.
    Reducir el espacio ocupado en tu servidor.
    Optimizar el consumo de transferencia de tu hosting.
    Mejorar la optimización Seo de tu WordPress. (A google le gustan las páginas que cargan rápido)

    Existen 3 pasos que debemos dar para optimizar la carga de las imágenes:

    Reducir el tamaño de las imágenes antes de subirlas a WordPress
    Comprimir imágenes subidas con un plugin en WordPress
    Optimizar la carga de las imágenes publicadas para mejorar la velocidad de carga de una web.

    Vamos a verlas en detalle:
    CÓMO REDUCIR EL TAMAÑO DE LAS IMÁGENES ANTES DE SUBIRLAS
    Hoy en día usamos cámaras que tienen una resolución maravillosa (incluso las de nuestros smartphones), lo cual es fantástico, pero no podemos subir a nuestra página web las fotos directamente sin tratarlas, puesto que ocuparían entre 2 y 15MB cada una.
    El tamaño de una imagen (las dimensiones) está directamente relacionado con el peso (los bytes) de esta.
    Las imágenes tal y como salen de la cámara pueden tener entre 3000 y 6000 píxels de ancho, pero si el tamaño al que se van a mostrar en nuestra web es de 700 o 900 píxels de ancho nunca deberíamos subir imágenes mayores, lógico, ¿no? De esta forma ahorramos unos cuantos bytes que no aportarían nada pero que sí serían perjudiciales para la velocidad de carga del sitio web.
    Otro punto importante es el tema del formato en el que subimos las fotos, imágenes, ilustraciones, etc. Siempre que puedas, escoge el .jpg o .jpeg por encima del formato .png o gif.
    Para reducir el tamaño de las imágenes de forma automática te recomiendo que te instales en tu equipo uno de estos 2 programas:

    Resize Expert (si tienes un Mac) es el que usamos nosotros.
    Image Resizer (para windows)

    Ambos son gratuitos y muy sencillos de utilizar. Simplemente indicas el tamaño de salida de las imágenes y la carpeta donde quieres guardarlas. Seleccionas las fotos que quieres redimensionar y en cuestión de segundos las tienes todas listas.
    Una vez que tenemos las imágenes al tamaño que necesitamos ya podemos añadirlas a la biblioteca de nuestro Wordpress.
    Pero ahora nos faltaría optimizarlas, comprimirlas. Veamos cómo hacerlo de manera sencilla.
    COMPRIMIR LAS IMÁGENES SUBIDAS A WORDPRESS CON UN PLUG...
    11 min
  • Cómo acelerar la velocidad de carga con AMP
    El programa de hoy lo vamos a dedicar a todos los autónomos que intentan arañar minutos respondiendo mails mientras les cortan el pelo para poder hacer más tareas en las escasas 24h del día.
    Esta semana hemos estado trabajando en un montón de proyectos y hay uno que ya está publicado, se trata de livinginparaguay.com, una web que hemos realizado en inglés en la que los usuarios pueden contratar sesiones de consultoría por Skype y pagarlas directamente con tarjeta de crédito o PayPal desde la propia web. Hemos instalado un certificado SSL, para que tuvieran más confianza los usuarios a la hora de realizar el pago.
    Vamos a empezar con el tema de la semana: Cómo acelerar la velocidad de carga con AMP, pero antes…
    Demos paso al patrocinador!!!!:
    WebEmpresa, hosting especializado en Wordpress.
    Es el hosting que usamos nosotros desde hace tiempo
    En pampua.es/webempresa te dejamos los 13 motivos que tienes contratarlo; échale un vistazo!
    Contrata tu hosting durante febrero con un 40% de descuento entrando ahora mismo en pampua.es/webempresa
     
    El tema de esta semana es importante, porque una de las grandes obsesiones de estos últimos tiempos por parte de Google, es que la web sea cada vez más útil y esté más enfocada al usuario.
    Una de las cosas que considera Google de mayor utilidad para el usuario es que la web sea veloz, que cada vez sea más rápida su carga y la estancia en la misma. ¿Por qué? Muy sencillo, porque los usuarios son impacientes y quieren tenerlo todo ya, lo más rápido posible. Según un estudio de 2012 el 57% de los visitantes abandonarían un sitio web que tarde más de 3 segundos en cargar. No solo eso, sino que el 80% de estos visitantes nunca volverá a ese sitio web, e incluso la mitad de estos lo mencionarán a sus conocidos por medio de redes sociales.
    Es por ello por lo que en estos últimos tiempos todo el mundo ha intentado a base de programaciones más optimizadas, imágenes menos pesadas, servidores más potentes etcétera conseguir que sus webs fueran mucho más rápidas que las de su competencia.
    Sin embargo, a pesar de todos estos esfuerzos por hacer que todas las webs fueran más rápidas, parece que ha Google no le han parecido suficientes porque están desarrollando y apoyando la tecnología AMP para aun conseguir una mayor velocidad.
    ¿Qué es AMP?
    Las siglas AMP hacen referencia a “Accelerated Mobile Pages”, o lo que es lo mismo, páginas móviles aceleradas.
    ¿Por qué solo se centran en velocidad para móviles? Porque cada vez son menos los usuarios que navegan desde el PC y cada vez son más los que lo hacen desde dispositivos móviles. Por lo tanto, la tendencia actual es la de haber cada vez menos PCs navegando por Internet.
    Es más, en algunos nichos los usuarios usando móvil superan con creces el número de usuarios desde PC. Más datos en el último estudio publicado por Expansión.
    AMP es una nueva forma de construir las webs de tal manera que ya no se usa el HTML tradicional si no que se usa el AMP HTML, con sus propias etiquetas y directrices.
    ¿Por qué carga tan rápido una web con AMP?
    Uno de los grandes motivos por los que AMP funciona tan rápido es porque está enfocado a dar la información de una forma muy simple y sencilla. De este modo se sintetiza mucho el código HTML, lo cual hace que la carga sea mucho más rápida.
    Del mismo modo, algunos elementos como las imágenes cargan de forma asíncrona, es decir, no cargan hasta que no son necesitados. De este modo al abrir la página no se cargan todos los elementos y por lo tanto carga mucho más rápido.
    13 min
  • 8 técnicas básicas de posicionamiento SEO
    Hoy vamos a hablar de posicionamiento, SEO, aparecer más arriba en Google o cómo queráis llamarlo. Voy a compartir con vosotros 8 técnicas básicas para que vuestra web tenga más visibilidad en los buscadores.
    1- Permalinks o enlaces permanentes
    Por defecto WP viene con unos enlaces tipo ?=124 y eso no ayuda nada al posicionamiento, cambiarlo es muy sencillo, basta con ir al menú Ajustes -> Enlaces permanentes y seleccionar la penúltima opción “Nombre de la entrada” de esta manera, el enlace lo creará con las palabras que pongamos en el título del post. Importante no cambiar el enlace que se genere una vez que Google lo ha indexado para no crear error 404
    2- Plugin de WordPress SEO by Yoast
    Estamos hablando del SEO básico para el uso de WordPress en concreto, y en tal caso no podemos dejar de hablar de este plugin. Además de enviar a Google los sitemaps de forma automática (ya vimos la semana pasada lo importante que es), te facilita mucho y de forma visual la aplicación de las siguientes técnicas que vamos a comentar. Os dejo en las notas del programa un video de configuración para instalar Yoast, creado por los amigos de WebEmpresa.
    Y ya que hablamos de WebEmpresa, demos paso al patrocinador!!!!:
    WebEmpresa, hosting especializado en Wordpress.
    Es el hosting que usamos nosotros desde hace tiempo.
    Échale un vistazo a los 13 motivos que tienes contratarlo: www.pampua.es/webempresa
    Contrata tu hosting en febrero con un 40% de descuento accediendo a www.pampua.es/webempresa
    3- La elección de buenas keywords o palabras clave objetivo
    Esto es fundamental tanto para escribir un post como para tu web o blog en general. Es un tema muy extenso, podríamos hacer un episodio sólo de ello, pero la síntesis es que las keywords que elijas obviamente deben estar relacionadas con el tema de tu blog o de tu post en particular. Debes de tenerla en mente antes de comenzar a escribir y usarla en el título del post, en el primer párrafo y en el extracto. Además deberías de usar sinónimos en los subtítulos y el contenido del artículo.
    4- Asignar una sola palabra clave o keyword al post
    Antiguamente, se ponían un montón de keywords para cada página, pero hoy en día ya no funciona así. Para cada post, debes elegir una sola palabra clave y a ser posible que no hayas utilizado para otro post. Con una sola no me refiero a una única palabra, la keyword puede ser “dentista” o “dentista para niños en Benidorm”, aunque conste de cinco palabras. Es más, la recomendación es siempre utilizar keywords que contengan varias palabras mejor que una sola, puesto que cada vez la gente hace búsquedas más específicas en Google.
    5- Escribiendo: el título del post
    El título de tu post es fundamental, ya no solo para el SEO sino para el “triunfo” en general de tu entrada o artículo. Tienes que hacer títulos que inviten a leer. Funcionan muy bien los que contienen números, por ejemplo: 8 técnicas básicas de posicionamiento SEO. Otro día podemos hacer un episodio sobre copywriting si os interesa.
    6- El extracto del post
    Es fundamental que en el extracto del post aparezca tu keyword al menos una vez. Esto hoy en día es muy fácil de controlar con el plugin de SEO by Yoast, así como la previsualización en general del snippet o cómo se verá luego tu post cuando lo busquen en Google, ya que te lo resalta en negrita.
    Si no ves la caja para añadir el extracto, deberás activarlo desde un menú llamado “Opciones de pantalla” en la parte superior derecha cuando estás editando un post.
    7- Escribir con cabeza y para los lectores, no para Google
    Ahora se trata de escribir e insertar tu keyword por el texto. Hay muchas reglas y cosas a tener en cuenta, pero no debes obsesionarte con el número de veces que la incluyes porque ...
    7 min
  • Cómo darse de alta en Google Search Console y aprovecharlo al máximo
    Episodio número 4 del jueves 8 de febrero de 2018
    Hoy vamos a explicar un tema bastante técnico pero muy interesante: Cómo darse de alta en Google Search Console y aprovechar todo lo que nos ofrece.
    Precisamente, esta misma semana han lanzado la nueva versión (mucho más minimalista y con menos información) por lo que te recomendamos seguir usando la versión anterior. Pero antes de nada veamos:
    1.- Qué es Google Search Console
    Google Search Console (antes Google Webmaster Tools), es una herramienta de Google que has de conocer y revisar habitualmente si tienes una web.
    Puesto que es Google el que te está aportando información sobre el estado de tu web y te está alertando sobre posibles problemas.
    Piensa en Search Console como tu herramienta de comunicación con Google, porque será aquí donde el buscador te avise de posibles problemas, de posibles penalizaciones y de todo aquello que no te está ayudando.
    Básicamente te va a ayudar a:

    Verificar que el rendimiento de tu sitio web es el adecuado
    Detectar posibles problemas que estén afectando a tu sitio web
    Conocer cómo Google valora el estado de tu sitio web
    Analizar el rendimiento de tu tráfico orgánico

    2.- Cómo empezar a usar Google Search Console
    Para acceder a Google Search Console sólo necesitas tener una cuenta en cualquiera de los servicios de Google, ya sea Gmail, Analytics, etc.
    Si ya tienes una cuenta en Google, simplemente tendrás que loguearte para entrar y accederás directamente a Search Console.
    Si no la tienes, ha llegado el momento de crear una. Esto te llevará unos segundos.
    Luego tienes que añadir tu sitio web.
    Y Search Console te solicitará que verifiques la propiedad del sitio web, para que sólo el propietario pueda acceder a esos datos.
    Hay varias opciones pero lo más sencilla es seguir el método que Google te marca como recomendado.
    Simplemente tendrás que descargarte el fichero HTML que te indica, subirlo a tu sitio web, confirmar que se ha subido correctamente y hacer click en verificar. Ya lo tienes.
    Después tendrás que configurar ciertos aspectos que ya se quedarán guardados pero que puedes modificar más adelante.
    Para ello, ves a la ruedecita/engranaje que verás en la parte superior a la derecha. Si clicas, verás que se despliegan varias opciones, las 2 más importantes: Preferencias de Search Console y Configuración del Sitio.
    En Preferencias de Search Console tienes la opción de suscribirte para recibir las notificaciones directamente en tu email. Altamente recomendado para que puedas enterarte inmediatamente de cualquier novedad importante el estado de tu web.
    En Configuración del Sitio, deberás indicar un dominio preferido y establecer la frecuencia de rastreo.
    Otro punto importante que deberías dejarte hecho desde el principio es enviar el sitemap de tu sitio web a Google.
    No es obligatorio pero sí muy recomendable.
    El sitemap es como un mapa de tu sitio web que permitirá a los robots del buscador rastrear más directamente todas las páginas que te interesa indexar.
    Si trabajas con WordPress puedes generar fácilmente tu sitemap en tu sitio web con los plugins Google XML Sitemaps o Yoast SEO
    Una vez creado tu sitemap, deberás acceder a la sección RASTREO – Sitemaps de Search Console para gestionarlo desde ahí.
    3.- Cómo vincular Search Console con Analytics
    Es conveniente vincular Search Console con tu Google Analytics.
    Una vez añadido tu sitio web en Search Console con la misma cuenta de Google que en Analytics, accede a tu Google Analytics.
    En la barra lateral izquierda selecciona el menú ADMINISTRADOR.
    Haz click sobre la opción CONFIGURACIÓN DE LA PROPIEDAD (en la 2ª columna).
    21 min
  • Cómo configurar correctamente Google My Business
    Episodio número 3 del jueves 1 de febrero de 2018
    Hoy estrenamos nuevo micrófono! Espero que os guste como suena.
    En el podcast de hoy vamos a hablar algo que podréis poner en práctica la mayoría de vosotros, de una herramienta muy sencilla que os va a ayudar muchísimo a promocionar vuestro sitio web si tenéis un local o una oficina en la que recibir clientes. Se trata de Google My Business.

    Cada vez es más y más importante. Datos:

    El 80% de la gente usa algún buscador (normalmente Google) para buscar negocios locales.
    El 50% de la gente que busca un negocio con su smartphone lo visita ese mismo día.
    Si tienes todos datos (horarios, teléfono, festivos…) al día, tienes un 38% más de posibilidades que te visiten.


    ¿Qué es Google My Business?

    Servicio gratuito de Google que te permite listar tu negocio en Google
    Debe ser un negocio físico, que se pueda visitar por el cliente
    Aparece información funcional clave (localización, horarios, teléfono, fotos, sitio web…)


    ¿Dónde aparece?

    En los resultados de búsqueda de ordenador

    “Restaurante italiano Alicante”


    Pero especialmente de smartphone

    ¿Cómo llegar?
    ¿Qué distancia?
    ¡Botón de llamada! Súper simple.
    Website (por favor, que sea responsive)




    Los resultados van más allá:

    Fotos (para ver si les interesa, reconocer la fachada, etc.)

    DATO: Si pones fotos aumenta la función de “direcciones” en un 42% de promedio
    DATO: Si pones fotos aumenta el CTR en un 35%


    Recorrido virtual (200-300€)
    Valoraciones

    Atención, el 88% de la gente se fía tanto de las valoraciones como de las recomendaciones de amigos y conocidos.
    Además, se pueden responder! Incluso desde la App. ¡IMPRESCINDIBLE LA APP! Te permite subir fotos y publicar pequeñas noticias; además te recuerda hacerlo al menos una vez a la semana.




    ¿Cómo lo hago?

    Fácil, ves a www.google.com/business
    Formulario (sobretodo, en el nombre no pongas slogan o te lo rechazan)
    Categoría ¡OJO CON ESTO! Es importante. Aquí sí que podéis poner temas de seo

    Imprenta ecológica
    Restaurante vegetariano
    Zapatería para niños
    Empieza a escribir.

    Si encaja con las sugerencias: ¡USADLAS! Posiciona mucho mejor
    Sino, elegid algo más genérico “restaurante, zapatería, etc.”
    Ir revisando periódicamente.




    ¿Y si voy a domicilio?

    ¿Por ejemplo un albañil?
    Debes marcar la zona.
    ¡Pero ojo, si tenéis local NO lo hagáis! ¡Se desposicionaría de inmediato!


    Una vez todo enviado:

    Te llegará una postal. (Sí, sí parece de otro siglo pero es así…)
    Tarda de 7 a 14 días.
    Hay un PIN para verificar, y poder editar luego.
    Importante: Hacedlo vosotros antes que lo hagan otros:

    Usuarios (pueden)
    Agencias de terceros (Páginas Amarillas, QDQ, etc)
    ¡Luego es un ENGORRO!
    Hasta que no verificas no puedes poner la información, ni responder, ni nada.








    Deberes:

    Haz una búsqueda para ver qué competidores hay y qué tienen ellos en sus fichas
    Haz las fotos correspondientes, incluso el recorrido virtual
    Completa EL MÁXIMO de información
    Verifica



    Así pues, vale mucho la pena dedicar una mañana a dar de alta y a poner a punto vuestra ficha (o fichas) de Google My Business, y a ponerla a punto.
    Si ves que no tienes tiempo para montar tu web, o ya la tienes pero necesitas que te ayudemos a mejorarla, pásate por Pampua.
    12 min

About Diseño web

From the publisher's feed

Aprende a optimizar la web de tu empresa