Alguna vez te has preguntado ¿cómo se logra obtener o qué es el famoso HTTPS que vemos en algunas direcciones URL?.

¿Qué es?

Utiliza un cifrado basado en SSL/TLS para crear un canal cifrado (cuyo nivel de cifrado depende del servidor remoto y del navegador utilizado por el cliente) más apropiado para el tráfico de información sensible que el protocolo HTTP. De este modo se consigue que la información sensible (usuario y claves de paso normalmente) no pueda ser usada por un atacante que haya conseguido interceptar la transferencia de datos de la conexión, ya que lo único que obtendrá será un flujo de datos cifrados que le resultará imposible de descifrar.

El puerto estándar para este protocolo es el 443. (Fuente: es.wikipedia.org/wiki/Hypertext_Transfer_Protocol_Secure )

¿Cómo obtengo un Certificado SSL para mi sitio web?

A continuación una descripción paso a paso :

1 Asegurate que OpenSSL esté instalado en tu PATH de Linux.

2 Crea una llave privada RSA para tu servidor  Apache (será Triple-DES encriptada y en formato PEM): $ openssl genrsa -des3 -out server.key 1024

Haz un respaldo del archivo de llave server.key en un lugar seguro. Si quieres ver los detalles de la llave privada que acabas de crear entonces usa el siguiente comando: $ openssl rsa -noout -text -in server.key

Si es necesario puedes crear una versión no encriptada PEM de la llave privada con: $ openssl rsa -in server.key -out server.key.unsecure

3 Crea un archivo CSR (Certificate Signing Request) utilizando la llave privada RSA que creamos previamente y para esto utilizamos el siguiente comando: $ openssl req -new -key server.key -out server.csr

En este paso nos pedirá información acerca de el dominio que queremos tener bajo HTTPS, hay que asegurarnos de ingresar el FQDN (“Fully Qualified Domain Name”) del servidor cuando el OpenSSL te lo pregunte lo que sería el “CommonName”, ejemplo cuando generamos un CSR para un sitio web el cual será accesado de la forma  https://www.foo.dom/,  entonces tendremos que ingresar “www.foo.dom” en este campo. Al final después de creado el archivo podrás ver el contenido del CSR utilizando: $ openssl req -noout -text -in server.csr

4  Ahora debemos enviar este el Certificate Signing Request (CSR) a un Autoridad Certificadora (CA) al cual deberás pagar para que te firme o valide. Una vez que el CSR ha sido firmado entonces obtendrás un Certificado el cual podrás usar en tu servidor Apache; el Certificado que te manden lo almacenas en un archivo con terminación .crt (server.crt ). Estas son algunas Autoridades Certificadoras:

Verisign http://digitalid.verisign.com/server/apacheNotice.htm

Thawte http://www.thawte.com/

CertiSign Certificadora Digital Ltda. http://www.certisign.com.br

IKS GmbH http://www.iks-jena.de/leistungen/ca/

Uptime Commerce Ltd. http://www.uptimecommerce.com

BelSign NV/SA http://www.belsign.be

GeoTrust http://www.geotrust.com/

Si desear ver los detalles de tu certificado firmado necesitas usar el siguiente comando: $ openssl x509 -noout -text -in server.crt

5 Ahora tendremos dos archivos: server.key y server.crt. Estos pueden ser utilizados en tu archivo de configuración httpd.conf  o en el Virtualhost del dominio de la siguiente manera:

6 Necesitaras una  IP dedicada para cada SSL si es que en el server alojas más de un dominio,  en este caso deberás solicitarla con tu proveedor de servicios de hosting. El archivo server.csr ya no se necesita más.

Espero que esta información te sea útil.

Si alguna vez te has preguntado qué es una etiqueta h1, podrás encontrar la respuesta en miles de blogs especializados en SEO. Sin embargo aquí lo explicaremos brevemente, no sólo desde el punto de vista de posicionamiento web sino también desde la visión de diseño web.

¿Qué es una etiqueta h1?

Esta etiqueta está asociada al cuerpo -o body- de nuestra página web, y nos permite definir el título de una página. Después de la etiqueta <title></title>, h1 le dice, no sólo al usuario, sino también a las motores de búsqueda (como Google, Yahoo, etc.) de qué se trata nuestra página, desde el título genérico y universal hasta los subtítulos precisos o h2, h3, etc.

*Dato importante: Los encabezados h* empiezan desde h1 (siendo el más importante en jerarquía) y únicamente llegan a h6. Más encabezados como h7, h8 … sólo harían que los buscadores se volvieran locos intentando leer nuestro código y terminarían ignorando nuestro contenido.

Ésta o estas etiquetas deberían escribirse justo debajo de <body>. Teniendo así, como ejemplo:

<body>

<header>

<nav>

<li>Inicio</li>

<li>Servicios</li>

<li>Contáctanos</li>

</nav>

</header>

<h1>Ensayos de HTML en Diseño Web</h1>

<h2>La importancia de usar etiquetas h1, h2, h3 …</h2>

….

</body>

Podemos ver que h1 menciona el tema general de nuestro sitio, mientras que h2 define precisamente de qué estamos hablando en esta página individual. Es decir, véamoslo como un blog en el que podemos ver un título general, un título de sección o categoría y luego tenemos un título para cada entrada o post.

En una página principal o portada de sitio encontramos regularmente un h1 (a lo máximo dos h1) y de uno hasta diez h2. Un ejemplo de esto lo podemos ver usando la herramienta “SEO Site Chechup” http://www.seositecheckup.com/h1_h2_heading_status.php y analizando el sitio de Time.com:

En el portal de Time podemos ver dos etiquetas h1, una que describe el título general y otro que describe la noticia titular más importante del día, y a continuación encontramos alrededor de 10 etiquetas h2 que describen los titulares más importantes después del h1.

Como resumen, hasta este punto, tenemos a h1 que no necesariamente define el nombre de la página sino también el título principal de ésta. Luego sigue h2 definiendo exactamente de qué hablamos en una página, y luego h3, h4, h5 y h6 mostrando subtítulos y titulares de menor jerarquía que aportan palabras clave (keywords) muy valiosas para los motores de búsqueda. Es decir, hasta este punto hemos definido un título en metatags gracias a <title></title>, después hemos dejado claro cuál es el tema general con h1, para después ahondar con algunos h2 y demás “h’s”. Hasta este punto, Google habrá leído lo suficiente para entender de qué hablamos y mostrar nuestra página en un mayor ranking.

En cuanto a diseño, los encabezados tienen mucha lógica. Los titulares dan jerarquía al contenido y sitúan el ojo del visitante exactamente donde queremos. Tomemos como ejemplo Yahoo.com:

Tiene imágenes alusivas al texto, íconos como apoyo visual para elementos del menú que van colocados en el sidebar (o columna lateral), pero lo destacable es que las imágenes principales: la imagen de logo de la marca y la fotografía principal de la noticia titular están colocadas dentro de las etiquetas h*:

Así que tenemos un par de recomendaciones: si no estamos interesados en que Google -por no mencionar otras search engines– toma en cuenta nuestra página, ignoremos toda esta información que pudiera venirnos como aburrida y repetitiva, bla, bla, bla. Si en cambio, estamos interesados en figurar en el mapa y subir nuestro ranking, empecemos a tratar a las etiquetas -en principio las h*, pero deberíamos interesarnos por todas- como valiosos elementos en el desarrollo, diseño y publicación de nuestros contenidos web.