Tutorial: Transforma tu web en Responsive Design

15 Jul 2020 in
Tutorial: Transforma tu web en Responsive Design

Internet no para de evolucionar en todos los sentidos, incluso en su tecnología. Hay cosas que se marchan poniendo de moda y después, poco a poco, se marchan dejando de lado, otras en cambio llegan con suficiente fuerza como para que todos sepamos que marcan el "camino a proseguir".

El "Responsive Design" o bien en español "Diseño adaptativo", es una de estas últimas. Un sistema basado en los estándares web actuales que deja que nuestras webs se adapten a la pantalla del usuario que está viéndolas. El Adaptable Design se ha puesto muy de tendencia con el apogeo de la navegación movil, mas va considerablemente más allí, se trata de webs con diseños inteligentes (smart que afirmarían los ingleses) que facilitan la usabilidad de las webs en funcion de quien las observa.

Pero el Adaptable Design no son bien simples añadidos a una web, es una filosofía del desarrollo del front de la misma totalmetne diferente y que abarca tal cantidad de detalles que resulta inaccesible para muchas empresas y realmente complejo para otras. Realmente yo a día de el día de hoy no aconsejo realizar webs en Adaptable Design, pues no estamos dispuestos para ello, mas si que podemos sacar algunos conocimientos sobre estas aplicaciones para hacer nuestras webs seudo-adaptables y mejorar la experiencia del usuario. Tal vez no hasta el nivel que los diseños responsive que vamos viendo nos marcan pero si con suficiente calidad como para que el ratio "mejoría/coste" nos valga la pena.

Back to top

1) Por qué es complejo desarrollar webs en adaptable design

Básicamente por dos motivos:


Sigue leyendo

Validadores de accesibilidad y usabilidad web

15 Jul 2020 in
Validadores de accesibilidad y usabilidad web

1) Validar conforme a las WCAG 2.0

  • Online
    • . Valida sin costo por URL conforme a las WCAG 2.0. Se puede seleccionar nivel A, AA, AAA y las tecnologías soportadas (HTML, CSS, JS). Solo está disponible en español.

      Es bastante fiable. Muestra una tabla con todos y cada uno de los criterios agrupados por principio, señalando si precisas validación manual o bien de lo contrario el número de fallos o advertencias que han dado. Por e-mail se envía una tabla afín que añade las técnicas evaluadas y un link a la línea de código que ha dado el error o advertencia.

      Las desventajas de este validador es que no puedes ver los errores resaltados en la página, solo en el código, y que no tiene ninguna opción de filtro, ordenación o agrupación de resultados.

      También tiene una versión local (WCAG diez) y una versión de pago para valorar sitios completos ().

    • . Valida gratis por URL y código, y también tiene una extensión para el navegador. Los usuarios registrados (opción de pago) pueden invocar de forma directa a la API, controlar sitios completos y tener un historial de las evaluaciones. Solo está libre en inglés.

      Realiza104 nivel A + 5 nivel AA + veintitres AAA. Presentaba el beneficio de poder evaluar en base al viewport, mas ya no está libre la opción.

      Por cada error señala la línea de código donde se da el fallo, el criterio asociado y un porcentaje de prioridad. También presenta el fragmento de código donde se localiza el fallo.

      Las desventajas de este validador son que presenta algún falso positivo y que la página de resultados no tiene opciones para ordenar, filtrar o reunir los resultados. Tampoco es muy práctica la gráfica de fallo, pues pone el id del fallo mas no el criterio o técnica evaluada.

      Analicé en detalle el validador en

    • , de Webaim. Valida sin coste por URL, también disponible como extensión para Google Chrome. Solo disponible en inglés. El detalle del informe se muestra al lado de la página, en el lateral izquierdo, y los resultados se pueden filtrar por WCAG 2.0 (A, AA, no acepta AAA) o bien Section 508.

      La ventaja de este validador es que puedes ver la página con los fallos indicados en la misma; ofrece una opción para ver la página con o bien sin estilos, analizar el contraste o bien ver la jerarquía de encabezados; e notifica de otras características de la página (HTML5/ARIA, elementos estructurales, textos alternativos, definiciones de idioma en la página, labels, etcétera) Otra ventaja es que por cada error da mucha información, incluso sobre el algoritmo para evaluarlo. La desventaja es que identifica cada fallo basándose en iconos que terminan siendo un tanto confusos.


Sigue leyendo

Trucos para acelerar Windows diez y aumentar su rendimiento

15 Jul 2020 in
Trucos para acelerar Windows diez y aumentar su rendimiento

Lo bastante difícil en esta situación en la que tu PC empieza a ir lento es conocer la causa que está generando el inconveniente. Afortunadamente, el propio sistema operativo de Microsoft, cuenta con una herramienta que nos deja Desde el precedente enlace puedes ver de qué forma ejecutar dicho informe y toda la información que nos facilitará. No obstante, con independencia de si el informe nos da alguna pista de dónde puede estar el problema que hace que el desempeño de nuestro PC haya disminuido, vamos a mostrar ahora algunas recomendaciones a continuar paar intentar acelerar el sistema.

Back to top

1) Trucos para acelerar Windows 10 y mejorar el rendimiento

1.1) Ojo con los virus y con los propios antivirus

Que nuestro computador se haya vuelto lento puede ser causa de que hemos sido infectados por algún virus o malware, por ende, es recomendable pasar un antivirus a nuestro equipo para advertir y limpiar cualquier infección en el equipo. Por defecto, Windows 10 cuenta con su propio antivirus preinstalado, Windows Proteger, sin embargo son muchos los usuarios que prefieren instalar otras herramientas de seguridad en el equipo. Toda cautela es poca, mas debemos saber que muchos antivirus son los responsables de que el computador se vuelva más perezoso debido a la cantidad de recursos que usan y a la necesidad de estar siempre y en toda circunstancia ejecutándose en segundo plano. En consecuencia, aunque es conveniente pasar un antivirus para eliminar cualquier virus o malware que esté haciendo que nuestro ordenador vaya más lento, es importante valorar el hecho de quedarnos sencillamente con Windows Proteger como herramienta de seguridad o buscar un antivirus que no ralentice demasiado nuestro equipo.


Sigue leyendo

Tipos de Páginas Web que existen y su clasificación

15 Jul 2020 in
 Tipos de Páginas Web que existen y su clasificación
1,9 mil milloneses el total de sitios web que existen hoy en día, y esta cantidad aumenta diariamente a una velocidad verdaderamente increíble.

Si has llegado hasta aquí seguramente es porque estés pensando enen Internet, o bien quizás únicamente desees conocer con más profundidad qué géneros de páginas web existen y que finalidad tiene cada una de ellas. En este artículo te voy a explicar cómo se pueden clasificar en términos de funcionalidad, diseñoy contenidos.

En el en el caso de que estés pensando en crear tu primer sitio, también puedes leer mi otro artículo donde te explico cuáles son los, con un listado de hasta 11 ejemplos, algunos gratis y otros con funciones de pago.

Antes de empezar a detallar todos estos ejemplos deberías conocer en que se distinguen un sitio y una página web, algo que semeja muy básico pero que mucha gente confunde estos términos a la hora de referirse a uno u otro.

¿Que me voy a hallar en este artículo?

Back to top

1) Diferencias entre una página web y un sitio web

Sin entrar en detalle, una página web podría ser a la perfección el «documento» que estás leyendo ya, o bien la página inicial, al tiempo que un sitio web o «site» podríamos definirlo como un conjunto de páginas que están relacionadas entre sí y forman parte de un dominio de Internet, en este caso,.

Los sitios pueden usarse para diferentes propósitos, ya sea para crear un página personal, una página corporativa, otra donde ofreces servicios y productos, o bien un lugar dedicado al entretenimiento o bien a la educación. Debido a la enorme cantidad de tipos de páginas web que hay, también hay una clasificación para poder distinguirlos.

Back to top

2) Clasificación de los sitios web

2.1) Según su estructura:

Según el contenido y la manera que se muestran las distintas páginas podemos distinguirlas entre estáticas y dinámicas. Cada una cuenta con una estructura que visualmente no cambia, mas el contenido que se muestra en la página si puede variar:

2.1.1) ► Páginas web estáticas

Cuando hablamos de una página web estática nos referimos a aquellas que se crean con ely no contienen ninguna funcionalidad que deje al usuario interactuar con la página, salvo para leer el contenido.


Sigue leyendo

Cómo adaptar tu web al RGPD y a la Ley de Protección de Datos

15 Jul 2020 in
Cómo adaptar tu web al RGPD y a la Ley de Protección de Datos

No es el primer post que vas a leer sobre el nuevo RGPD. En verdad, hace poco todos los cambios que conllevan el nuevo Reglamento General de Protección de Datos europeo y la nueva Ley Orgánica de Protección de Datos española.

- ©

Pero lo que pocos explican con suficiencia es por qué vas a deber adaptar urgentemente tu página web al RGPD, que es, al lado de de qué manera hacerlo, a lo que voy a dedicar el post de el día de hoy.

Tú, como la mayoría, crees que tienes claro ese por qué y no es otro que el miedo a las endemoniadas sanciones de este reglamento.

Tiene su lógica, la protección de datos se ha vuelto un tema serio y las sanciones se han disparado de forma proporcional a las denuncias.

Los usuarios son cada vez más siendo conscientes del valor de su información y de sus derechos y eso está acabando con el anarquismo blogger, la despreocupación y el actuar tal y como si una web fuera un espacio exento de leyes y obligaciones.

Estarás conmigo en que existen quilómetros de contenidos sobre “cómo conseguir leads”, “cómo multiplicar tu lista”, “cómo transformar, cómo ascender, de qué manera medrar, de qué manera tener más visibilidad”, mucha insistencia en la cantidad, pero pocas referencias a de qué forma “hacerlo legalmente”.

Yo, que voy contracorriente y he dedicado todas y cada una mis energías a estos menesteres del marketing legal.

Era como el llanero solitario; pocos eran los blogs que me abrían sus puertas para explicar lo que al parecer nadie explicaba, esto es, cómo hacer todo eso de crecer, multiplicar, sumar, captar, pero de forma legal y sin atropellar derechos.

Ciudadano 2.0 fue uno de pocos los sitios en donde sí se hablaba de esto antes de la revolución RGPD y sí me abrieron las puertas cuando pocos lo hacían.

Por esa razón, me encanta regresar a esta casa y contarte lo que pocos te cuentan o bien, por lo menos, contártelo de una forma que no invite al bostezo ni precises una traducción al cristiano.

Back to top

1) Adaptación de una web a la Ley de Protección de datos y el RGPD del 2018

Comencemos por lo básico: ¿cuándo deberías cumplir con el RGPD en una web?

Escucho en muchas ocasiones esto de “pero si no monetizo y solo tengo un formulario de contacto”.

Lo que deberías saber es que, de entrada, toda vez que recabes cualquier dato personal, aunque solo sea una IP, siempre deberías acomodar tu actividad al RGPD, aplicado a una web, entre otros supuestos, si:


Sigue leyendo

Ventajas y desventajas de WordPress

15 Jul 2020 in
Ventajas y desventajas de WordPress

Ventajas y Desventajas de Wordpress.

1) ¡Harto ya de estar harto!

Si, de acuerdo, tal vez el subtítulo no es lo más indicado, pero es que me acordé de esa frase, que no recuerdo si es un poema o bien una canción que tiene muchos años.

Y me he acordado pues si, estoy harto, pero estoy harto de escuchar a «técnicos» y «entendidos» decir que no es recomendable, mas cuando conversas con ellos, todos (aproximadamente) afirman lo mismo y no termino de estar conforme.

Lo primero que me llama la atención es que muchos afirman que WP tiene muchos inconvenientes y defectos, mas todos utilizan Wordpress para publicar sus «ideas».

Una de las cosas que suelo conversar con muchos es la definición de los beneficios y las desventajas de WP y porqué es aconsejable o bien desaconsejable su uso.

Eso me recuerda muchos otros campos profesionales en los que se lucha contra el «intrusismo».

Pocas veces vas a oír a un Cheff defender el uso de los robot de cocina y decir que hacen cosas buenas o bien a un albañil decir que te puedes edificar tú mismo el muro de separación de la piscina.

Y es normal, que quienes se dedican a vender su experiencia y conocimientos de diseño y programación web (Diseño web y programación en general en PHP, en tanto que el HTML NO es programación.) no defiendan que un usuario medio puede hacer su página, su sitio, con WordPress.

Para no complicarme mucho, voy a contar lo que muchos dicen que son las ventajas y las desventajas de utilizar Wordpress, atreviéndome a sumar mis comentarios.

Back to top

1) Ventajas y Desventajas de WordPress

La lista de los beneficios puede resumirse en:

  1. Ventajas
    1. Código abierto
    2. Gratuito
    3. Fácil instalación
    4. Fácil instalación de Temas
    5. Facilidad de administración
    6. Mejora tu Posicionamiento SEO
    7. Migración de «hosting» fácil
    8. Potenciador de negocios
    9. En incesante evolución
  1. Código abierto
  2. Gratuito
  3. Fácil instalación
  4. Fácil instalación de Temas
  5. Facilidad de administración
  6. Mejora tu Posicionamiento SEO
  7. Migración de «hosting» fácil
  8. Potenciador de negocios
  9. En incesante evolución

Mi anotación sobre esta lista es:


Sigue leyendo

Trucos y consejos para Fb, lo que has de saber, estadisticas

15 Jul 2020 in
Trucos y consejos para Fb, lo que has de saber, estadisticas

Información de utilidad sobre Facebook, cosas que debes conocer para disfrutar de esta red social sin poner en peligro tu privacidad. Consejos para configurar tu perfil, saber a quién puedes proseguirse, lo que no debes creerte, cautelas con los conjuntos y amistades falsas. Datos sobre las páginas y conjuntos más populares y los famosos.

1) Estadísticas de Facebook

• México más de 32 millones de usuarios, subió en el ranking mundial al lugar 5
• Argentina más de 17 millones, ranking mundial 12
• España más de quince millones, ranking mundial 14
• Colombia más de quince millones, ranking mundial 15
• Venezuela más de 9 millones, ranking mundial 21
• Chile más de nueve millones, está en el ranking mundial 22, es donde Fb goza de más popularidad, convenciendo prácticamente a la mitad de la población de este país.
• Perú casi ocho millones, ranking mundial 23

Back to top

1) Consejos y consejos para Facebook

Protege tu dirección de email
No pongas nunca tu dirección de email en tu perfil, te llenarán tu buzón de spam, hay muchos cazadores de direcciones de correos en este lugar y de todas y cada una formas tus amigos pueden enviarte mensajes de otras formas.

Evita las páginas o bien conjuntos falsos en Facebook
Hay muchos anuncios falsos en Facebook, no le hagas ningún caso a los que te ofrecen:

• Saber Quien Visitó tu Perfil en Facebook: Imposible de saber si bien te afirmen que funciona.
• Nuevo Facebook Gold Gratis: No existe un Facebook Gold.
• Facebook Premium: No existe Fb Premium.
• Contador de Visitas de Perfil: Imposible aunque te afirmen que funciona.
• SMS Sin coste en Facebook: No existe ninguna que funcione.
• Nuevo Chat en Facebook: No existe incluso, si lo actualizan lo verás inmediatamente.
• Activa la opción: Emoticones para tu estado: no existen los emoticones para tu estado, pero si para el chat

Ten cuidado a quien aceptas como amigo
¿Una persona sin foto, sin recomendación y que quiere ser tu amigo de pronto y no tienen ningún amigo en común?
Un consejo, no lo admitas.


Sigue leyendo

TODO lo que tienes que saber para ganar dos.500€ al mes

15 Jul 2020 in
TODO lo que tienes que saber para ganar dos.500€ al mes


Existen muchas formas de hacer dinero en Internet, pero mi preferida es, indudablemente, el programa de Amazon Afiliados.

¿Por qué me gusta tanto? Sobre todo por su capacidad de generar ingresos con escasas visitasy su pasividad. Es un sistema que montas, y luego prácticamente te olvidas: Amazon se hace cargo de todo el resto.

No es preciso tener ningún conocimiento técnico; la clave está en tomar las decisiones acertadas (en este artículo te mostraré cuáles). Si lo haces bien, con poco más de un par de horas de trabajo por semana puede darte un salario mensual que numerosos trabajadores por cuenta extraña ya querrían.

En mi caso, en un solo año pasé de creer que era imposible hacer dinero en internet a ganar más de siete mil euros en un mes.¡Y eso que durante esas 4 semanas apenas le dediqué tiempo al proyecto!

Hoy en día tengo varios proyectos que generan ingresos pasivos con Amazon Afiliados. He creado algunos que son auténticas minas, al paso que con otros cometí errores de los que he podido sacar grandes aprendizajes.

Si tú también quieres comenzar a ganar dinero con Amazon Afiliados, en esta guía encontrarás TODO lo que hay que sabersobre este sistema de generación de dinero. Con una buena planificación y esmero inicial, te aseguro que puede darte muchas alegrías. Vamos allá.

Back to top

1) Qué es Amazon Afiliados

Amazon Afiliados es un sistema online a través de el cual tú consigues clientes del servicio para Amazon y el programa te paga una comisión por las compras de esos clientes.

Dicho de otra forma: tú te ocupas de mandar gente a la web de Amazon, y si adquieren, Amazon te paga una comisión. Así ganáis ambos: Amazon consigue clientes del servicio, y a ti te da un porcentaje de esas ventas.

Imagínate que tienes un blog donde hablas de cafeteras. Si en uno de tus artículos aconsejas una cafetera determinada, puedes conseguir ingresos enviando gente que esté interesada en comprar ese producto a Amazon.

Incorporar este sistema a una web o weblog es muy sencillo. Solo tienes que añadir unos enlaces que Amazon te da a los productos que estés recomendando,.

Si alguien hace clic en ese enlace, irá a la página en cuestión de Amazon. Si adquiere, Amazon sabrá que esa venta ha sido gracias a ti y te dará un porcentaje. A efectos prácticos, puedes recomendar cualquier cosa que esté en el catálogo de Amazon, como libros, comida, juegos para videoconsolas, drones, ropa o accesorios para el hogar.


Sigue leyendo

SEO On Site ⇒ Guía de posicionamiento en buscadores para tu blog

15 Jul 2020 in
SEO On Site ⇒ Guía de posicionamiento en buscadores para tu blog

¿Cuál es el valor del On Page y OffPage para tu Blog? ¿Te has hecho esta pregunta cuando has empezado a crear tu blog? Si no lo has hecho, deberías.

Ahora, permíteme contarte los motivos en este post.

Al empezar con tu weblog la primera y más esencial pregunta que te va a venir a la cabeza es: ¿Qué escribiré en él? O sea que contenidos son los que voy a publicar en él.

» Asimismo te puede interesar: 

Casi siempre y en toda circunstancia, y a continuación, brota naturalmente la segunda y la tercera duda: ¿De qué forma conseguir más lectores? ¿De qué manera prosperar mi posicionamiento SEO On Page y OffSite?

El problema con el que nos acostumbramos a localizar acá, es que muchos de nosotros no pasamos de manera consciente a esa tercera pregunta.

Es decir, gastamos casi toda nuestra energía solo en conseguir redactar contenidos de relativa calidad (para el o la audiencia a la que nos dirigimos).

Eso es una cosa que está muy bien. Mas, ¿qué pasa si los lectores no encuentran de manera fácil esos artículos?

Es un hecho que tener un relativo prestigio offline, y/o una buena estrategia de social media, no es suficiente para aportar la visibilidad que necesitarían nuestros blogs. Por si todavía lo sabías, un contenido no siempre se puede viralizar sencillamente en Internet.

En la totalidad de los casos nuestros posts van a requerir del inestimable apoyo de los diferentes buscadores web (Google, Bing, etc., para ser encontrados por nuestros potenciales lectores.

Aquí es donde entra en juego el SEO On Page y Off Page: esto quiere decir que deberíamos procurar posicionar nuestros blogs, y sus contenidos, en esos buscadores web.

A continuación te muestro un ejemplo de mi experiencia:

Actualmente mi blog (con más de cinco años de vida) tiene un tráfico que fluctúa sobre las 10.000 visitas al día, de las que obtiene más o menos un setenta por cien gracias a su posicionamiento SEO. Teniendo en cuenta que mi blog no es el de una marca de una compañía famosa o bien capaz de atraer tráfico por sí misma, como puede ocurrir en otros campos o bien casos, está excelente.

Menú temático del contenido

1) ¿Qué es el posicionamiento web en buscadores interno y cuál es la diferencia con el posicionamiento SEO OffPage?

Pude leer en un blog post en “El Blog Moz”  una  estupenda explicación acerca de qué es esto del posicionamiento web en buscadores OnSite y deseo compartir contigo esa misma explicación por el hecho de que creo que te puede resultar muy útil:


Sigue leyendo

posicionamiento SEO OnSite ¡La guía Terminante para asombrar a Google!

15 Jul 2020 in
posicionamiento SEO OnSite ¡La guía Terminante para asombrar a Google!

Tiempo de lectura 7 minutos

Cuando hablamos de e procuramos explicarlo y destriparlo, charlamos de SEO On Page y SEO Off Page.

Como ya sabéis el posicionamiento web en buscadores OffSite son los factores que trabajas en fuera de tu web, donde entra el trabajo de , la presencia en Redes Sociales, las sinergias para conseguir mayor visibilidad, la monitorización de tus links y de la competencia, etcétera Mas esto ya lo vamos a hablar más adelante en siguientes artículos.

En este artículo vamos a ver lo que debemos hacer en nuestra página para agradar a los motores de búsqueda (Sr. Google)

Back to top

1) ¿Qué es el SEO interno?

Definimos este término como la optimización de una web de cara a los buscadores y a progresar la experiencia de usuario. Esta optimización se centra en el código de programación, arquitectura Web, contenidos y otros factores que descubrirás a lo largo de este artículo. La meta de realizar esta clase de optimización Web es lograr acrecentar el ranking en los diferentes buscadores.

1.0.1) «EL OBJETIVO NO ES ESTAR, ES DESTACAR»

El Objetivo no es estar en las primeras situaciones por estar, la meta es resaltar y lograr llevarte el mayor porcentaje de clics en tus resultados para cada una de las búsquedas en las que procures posicionar.

Back to top

2) Guía Completa de posicionamiento SEO On Page

Back to top

3) Pasos Previos

Antes de ponerte ha efectuar cualquier tipo optimización de código y contenido es importante que efectúes un estudio de tu competencia, de las palabras clave más esenciales de tu proyecto y, sobre todo, que consigas trasladar este estudio a tu proyecto Web y logres articular tu proyecto de una manera adecuada tanto para facilitar la navegación a los usuarios como a los robots de Google y otros motores de búsqueda.

3.1) Keyword Research

Empieza de menos a pero. Nadie mejor que tu conoce tu negocio, en consecuencia comienza a examinar tus productos, servicios, mejores artículos, da igual como sea tu objetivo, debes priorizar y sacar las mejores palabras clave para tu negocio. Usa las herramientas que te proporciona Google, estudia a tu competencia y saca conclusiones acertadas:


Sigue leyendo