Como instalar Let’s Encrypt con Direct Admin

Como instalar Let’s Encrypt con Direct Admin

Certificado SSL gratis para tu wordpress

Let’s Encrypt es un certificado gratuito para instalar en tu wordpress. Puedes instalarlo directamente desde tu panle de control Direct Admin.  En tu wordpress lo puedes configurar de forma automática con el plugin SSL Really Simple.

Para instalarlo debemos seguir 2 pasos:

  1. Configurar el dominio para poder instalar el certificado
  2. Descargar e instalar el certificado

Una vez tengamos hechos estos 2 pasos ya podremos activarlo en nuestro wordpress.  

SSL Direct Admin paso 1

En la configuración del dominio, marcaremos usar Secure SSL para activar https en el dominio.
Marcaremos si queremos forzar redirección al dominio con o sin el subdominio www. Es aconsejable usar esta redirección pera que el Gran Hermano Google no nos diga que tenemos contenido duplicado.

Marcaremos usar redirección interna de la carpeta private a public para que se vea siempre el mismo contenido con y sin SSL.
También es aconsejable marcar forzar la redirección a https, aunque en la imagen adjunta no lo esté.

 

 

 

Ahora ya podemos acceder a SSL Certifcates para pedir el certificado gratuito LEt’S Encrypt. Lo seleccionaremos solo para el dominio.

Una vez termine, nos mostrará una pantalla como la inferior indicando que el certificado se ha instalado correctamente.

 

 

 

SSL Direct Admin paso 1

Ahora ya podemos acceder a WordPress y cambiar manualmente o con un plugin la ruta de nuestro wordpress a https:

Really Simple SSL  es un plugin muy sencillo para activar https en tu wordpress. Solo tienes que instalarlo y activarlo una vez hayas hecho los pasos anteriores.

 

Automatizar año de Copyright en Javascript

Automatizar año de Copyright en Javascript

Cuando hacemos una web, al  poner el nombre de la empresa o del autor, generalmente en el pie, ponemos el símbolo del copyright © seguido del año. Lo que pasa es que los años tienen la costumbre de cambiar al empezar enero y claro, si lo hemos escrito directamente, pues tenemos que cambiarlo manualmente, cada año. 

Esta función en javascript recupera una variable con el año del sistema, por lo que si en lugar de escribir el año, ponemos este código, ya no tendremos que preocuparnos par cambiarlo a mano.

Copyright en javascript
Cómo ver la dirección real de una URL acortada sin necesidad de abrirla

Cómo ver la dirección real de una URL acortada sin necesidad de abrirla

Las urls cortas nacieron, entre otras cosas, para poder meter enlaces en los 140 caracteres de twitter sin que te quedarás sin espacio para poner nada más. Se siguen usando para abreviar pero no solo se usa con esta finalidad. Los ‘malos’ lo usan para enmascarar malware o redirigirte a webs falsas (phising), por lo que cada vez somos más reacios a clicar en una url acortada que no venga de una fuente de confianza, y aún así.

¿Alguna vez te has preguntado como ver la url final sintener que hacer click?

Si es así, tienes suerte, alguien ha pensado que este servicio podría ser útil y ha creado un servicio online para  poder ver esa URL final.

El servicio se llama GetLinkInfo.com Esperamos a que su  servicio de cloudflare verifique nuestro browser y accederemos a su landing. Simplemente entramos el link acortado que queremos verificar y pulsamos el botón verde de Get Link Info, en unso segundos nos proporcionará la dirección completa que hay escondida.

La próxima vez, antes de abrir una URL acortada, ya sabes lo que tienes que hacer.

 

 

 

Llamada a la acción

Llamada a la acción

Como hacer una llamada a la acción eficaz

Tenemos que tener en cuenta 2 factores:

  1. El texto de la llamada. Tiene que estar acorde con la acción que queremos que haga el usuario y si este es cliente o no. Si está navegando como usuario registrado o no
  2. La imagen. El color del botón y del texto deben destacar del resto de la página
Llamada a la acción

Texto de la llamada a la acción

Queremos que el usuario haga click o que rellene un formulario. Debe ser imperativo: Descarga ahoraregístrate, y claro: «Haz click aquí para más información«.

Podemos usar también la urgencia. «últimas unidades disponibles», «ahora», «no te lo pierdas»…  Sin abusar. Mucha urgencia si luego es falso, pierdes al usuario. No engañes.

 

Diseño del botón

Debe ser atractivo y que destaque, aunque siempre dentro de la línea de la web. manteniendo la imagen y el estilo.

En los bancos de datos podemos encontrar multitud de diseños

 

Ejemplo botones llamada a la acción

Algunos ejemplos con el botón standard de Divi

Cabeceras IIS. Content-Type

Cabeceras IIS. Content-Type

Las cabeceras de IIS

La configuración por defecto de IIS  devuelve como tipo de contenido de una web:  text/html.  Cuando creamos una página, ya sea HTML o ASP para visualizar una web, debemos configurar en la cabecera el código de caracteres.  Normalmente ISO-8859-1. Linux / Apache /php utiliza el tipo de caracteres UTF-8 por lo que si no lo definimos correctamente en nuestras páginas y en nuestro servidor, el navegador puede mostrar carcateres ilegibles en lugar de lo que debería mostrar.

Podemos usar la utilidad Rex Swain’s HTTP viewer para comprobar las cabeceras del servidor de una web.

 

 

 

Esta utilidad permite URLs con HTTPS.  Otras que intenamos probar no permitian este protocolo, por lo que no voy a hablar de ellas.

 

 

 (tipo de contenido)Configurar IIS

Para configurar la cabecer IIS para añadir el juego de caracteres, debemos abrir el Administrador de Internet Information Server IIS en nuestro servidor web, seleccionar el sitio web que queremos configurar y del grupo IIS seleccionar Encabezados de respuesta HTTP.

Seleccinamos la opción de  Agregar…

 Como Nombre ponemos: Content-Type (tipo de contenido) y en Valor pondremos:

charset=iso-8859-1    o  charset=utf-8   según la codificación que usemos. Pulsamos Aceptar.  Ya tendremos añadido el charset a la configuración de nuestro sitio Web.