fbpx

Cómo aprovechar al máximo el archivo .htaccess y cómo usarlo en tu sitio web

Mientras navegas por el administrador de archivo de tu hosting o en alguna sesión de FTP, te has encontrado con el archivo htaccess. Y si tu sitio web está diseñado con WordPress es más común encontrarlo, si no lo tienen también podrás crearlo fácilmente. En este artículo conocerás más sobre este archivo, aprovechando su potencial.

¿Qué es el archivo .htaccess?

El archivo .htaccess, abreviatura de Hypertext Access, es un archivo de configuración bastante utilizado en el servidor web Apache. Este archivo generalmente se encuentra en el directorio raíz de un sitio web, es decir en la carpeta pública (public_html) y su nombre comienza con un punto, lo que lo hace invisible por defecto en los sistemas operativos Unix, además de que no posee extensión. El archivo .htaccess contiene directivas que modifican la configuración de Apache para un directorio en particular y sus subdirectorios, sin modificar la configuración global del servidor.

Funciones y características del archivo .htaccess

El archivo .htaccess permite una amplia gama de funcionalidades y características que impactan la forma en que se comporta un sitio web. Algunos de los usos más comunes son:

1. Redirecciones

Con el archivo .htaccess, se pueden establecer redirecciones, ya sea para redireccionar URLs específicas o para redirigir todo un dominio a otro. Esto es útil cuando se realiza una reestructuración del sitio web o cuando se desea redirigir a los usuarios a una página de mantenimiento temporalmente.

2. Control de acceso

El archivo .htaccess permite controlar el acceso a determinados archivos o directorios. Por ejemplo, se puede restringir el acceso a una carpeta con archivos confidenciales o requerir autenticación para acceder a ciertas páginas.

3. Personalización de errores

Es posible personalizar las páginas de error que los visitantes verán cuando se produzca un error en el sitio web, como el error 404. Esto permite mostrar mensajes más amigables y personalizados en lugar de los mensajes predeterminados del servidor web.

4. Bloqueo de IPs o dominios

Con el archivo .htaccess, es posible bloquear el acceso a ciertos usuarios, IPs o dominios no deseados. Esto puede ser útil para bloquear intentos de acceso no autorizados o para evitar el acceso desde ciertas ubicaciones geográficas.

5. Mejora del rendimiento

En opciones más avanzadas el archivo .htaccess también se puede utilizar para habilitar compresión de archivos, caché de contenido y otras técnicas de optimización que ayudan a mejorar el rendimiento del sitio web.

Importancia y aplicación del archivo .htaccess

Una vez mencionadas las funciones más comunes del archivo .htaccess es de suma importancia comentar el papel fundamental en la configuración y personalización de un sitio web. Su capacidad para controlar varios aspectos del servidor web Apache ofrece a los administradores del sitio una forma eficiente de modificar y mejorar el funcionamiento de sus sitios web sin tener que realizar cambios directamente en la configuración del servidor.

Con el conocimiento y la comprensión adecuados de cómo funciona el archivo .htaccess, los profesionales de diseño y desarrollo web pueden aprovechar al máximo esta herramienta para lograr un sitio web más seguro, eficiente y adaptado a sus necesidades.

Ahora veamos un poco el accionar del archivo .htaccess

Redirecciones y reescritura de URL

Las redirecciones son acciones que permiten redirigir a los usuarios que intentan acceder a una URL en particular hacia una dirección diferente. Para ver un ejemplo de esto, imaginemos que queremos redirigir un dominio a un sitio web sin WWW o de la forma contraria.

RewriteEngine On
RewriteCond %{HTTP_HOST} ^www.midominio.com [NC]
RewriteRule ^(.*)$ https://midominio.com/$1 [L,R=301]

Estas tres líneas redirigir tu dominio a la versión sin WWW, para entrar en contexto, RewriteEngine, RewriteCond y RewriteRule son directiva y ofrecen su propia forma de configuración y puede ser utilizado según las necesidades específicas de nuestro sitio web. Ahora para el caso contrario en que necesitemos redireccionar a un dominio con WWW, se puede utilizar:

RewriteEngine On
RewriteCond %{HTTP_HOST} ^midominio.com [NC]
RewriteRule ^(.*)$ https://www.midominio.com/$1 [L,R=301]

Protección y seguridad del sitio web

Existen varios tipos de ataques a los que un sitio web puede estar expuesto, tales como ataques de inyección SQL, ataques DDoS, cross-site scripting (XSS) y más. Mediante el archivo .htaccess, podemos implementar medidas de seguridad para prevenir y mitigar estos ataques.

# Proteger ante DDOS de 10 Mb
LimitRequestBody 10240000

También suelen utilizarse para bloquear bots y crawlers molestos que consumen ancho de banda en nuestro sitio web. Estos bots los podemos detectar con la herramienta AWStats de nuestro panel de control. Para bloquearlos desde el htaccess debemos escribir las siguientes líneas:

# Bloquear Bots
RewriteEngine On
RewriteCond %{HTTP_USER_AGENT} ^SemrushBot [NC]
RewriteRule ^.* - [F,L]

En este caso bloquea el bot de SemrushBot, pero también hay muchos otros como SeekportBot, PetalBot. Recuerda que no todos los bots son malos, también existen los bots de los motores de búsqueda, como el de Googlebot, Bingbot, Yandexbot, entre otros.

Por otro lado, puedes bloquear el acceso a una o varias IPs de una forma muy sencilla, vemos el ejemplo:

order allow,deny
deny from x.x.x.x
allow from all

Donde en x.x.x.x especificas la IP y puedes agregas más lineas para listar otras IPs.

Ver nuestro artículo: WordPress: .htaccess

Esperamos que este artículo le haya ayudado a conocer como utilizar el archivo .htaccess, su funcionamiento y lo importante que puede ser para su sitio web.

Si te gustó este artículo, suscríbete a nuestro canal de YouTube  para videos tutoriales de WordPress. También puede encontrarnos en  Twitter, Facebook e Instagram.

Cómo optimizar las imágenes para SEO (y por qué es importante)

Una gran página web contiene mucho más de lo que las personas ven cuando visitan tu web. Desde luego que el contenido, las páginas y la navegación son importantes, pero también hay todo un soporte que no debes ignorar si quieres aumentar su visibilidad.

Si has decidido centrarte en crear un gran contenido y publicar tu página web antes de abordar la optimización para motores de búsqueda (SEO), sería recomendable hacer a continuación una auditoría del contenido multimedia de tu biblioteca de WordPress.com. O, como mínimo, pensar en el SEO para imágenes.

¿Qué es el SEO para imágenes? Consiste en incluir palabras clave y metadatos relevantes para cada imagen, documento y vídeo que subas a tu página web. Los metadatos, que son una descripción de una pieza de contenido de tu página web, son una herramienta valiosa que los motores de búsqueda, como Google, utilizan para posicionar tu contenido en los resultados de las búsquedas.

Sólo necesitas unos minutos para optimizar las imágenes para SEO y, a cambio, puede generar tráfico constante en la web. Hemos descrito aquí los conceptos básicos para ayudarte a comprender cómo puedes utilizar esta herramienta para aumentar la visibilidad de tu página web.

El tamaño importa

Antes de acceder a la biblioteca de contenido multimedia de WordPress.com, haz un poco de trabajo preliminar con respecto al tamaño de tus imágenes. El tamaño de las imágenes es importante porque, según Google, afecta al rendimiento de tu página web. Las imágenes más grandes utilizan más datos, lo que hace que las páginas tarden más en cargar: cuantos más datos tiene que procesar un navegador, más tarda en descargar una página o una web. Esto podría hacer que los usuarios prefieran buscar la información que necesitan en otro lugar.

Los motores de búsqueda toman nota de las páginas web que tardan en cargarse o que ofrecen una mala experiencia a los usuarios, así que planificar una estrategia sobre el tamaño de tus fotos puede mejorar el SEO de tu página web y tu posicionamiento en los resultados de búsqueda. ¿Cómo saber si una imagen es demasiado grande? No hay una respuesta directa, pero verás que en tu biblioteca de contenido multimedia WordPress.com establece un tamaño máximo para las imágenes. Por suerte tienes la opción de ajustar el tamaño de tus imágenes para cada publicación o cada página.

También puedes utilizar la edición de fotos, o programas como iPhoto o Adobe Photoshop, para optimizar las fotos de tu página web. El ancho estándar de una página web está entre 960 y 980 píxeles según Iteracy, así que asegúrate de no tener imágenes que superen este ancho. Las dimensiones del área de contenido en WordPress.com también te ofrecen una pista. Si cargas tu imagen y ocupa toda la página, es mejor cambiar el tamaño para evitar que tarde mucho en cargarse.

Pon el contenido multimedia a trabajar

Una vez que hayas ajustado el tamaño de tus imágenes, dirígete a la biblioteca de contenido multimedia de tu página web WordPress.com para cargarlas. Cuando inicies sesión en la página web de WordPress.com, verás una lista de opciones en la parte izquierda de la página. Haz clic en Medios para ver tu biblioteca de contenido multimedia. Aquí es donde encontrarás todas las imágenes, videos, archivos de audio y documentos que has cargado en tu web.

Si ya has cargado contenido en tu página web, haz clic en la imagen dentro de la biblioteca de contenido multimedia y selecciona Editar para acceder a sus campos de descripción. Aquí es donde puedes añadir los metadatos. Encontrarás los siguientes campos: Título, leyenda, texto alternativo y descripción. Supongamos que tienes un página web para tu casa rural y has escrito una publicación en el blog sobre los atractivos más conocidos de tu ciudad, todo ello completado con fotos. Deberás incluir el nombre completo de cada lugar de interés en el campo Título («Paseos en bici junto al río Tormes», por ejemplo), y luego tendrás que añadir más detalles sobre la imagen en sí en el campo Leyenda («Turistas en bicicleta cruzando el puente sobre el Tormes», por ejemplo). Recuerda que aunque el título de la imagen es invisible para tus visitantes, la leyenda sí aparece al lado o debajo de la imagen.

La información del campo Texto alternativo puede ser similar a la del campo Leyenda, ya que ofrece a los motores de búsqueda más información sobre la imagen. El texto de este campo lo leen los lectores de pantalla y es lo que se ve cuando una imagen no carga. En el campo Descripción, puedes añadir muchos más detalles sobre la imagen y el contenido relacionado. Por ejemplo, aquí puedes añadir más información acerca de la empresa que ofrece paseos en bici, el precio y su programa diario de excursiones. Los motores de búsqueda, como Google, rastrean las páginas web en busca de información que les ayude a decidir cómo posicionar los resultados de búsqueda. Si todos los elementos de tu página web, incluidas las fotos y los nombres de los archivos, tienen palabras clave relevantes, esto aumentará el SEO de tu web y lo hará más visible en las búsquedas.

El SEO para imágenes, como todo el SEO, es en parte arte y en parte ciencia. Sin embargo, estos sencillos ajustes pueden ayudarte a mejorar el rendimiento de tu web. Cuando quieras incorporar una nueva imagen a tu página web, dedica unos minutos a cambiar el tamaño de la imagen y a rellenar los campos de metadatos al cargarla en tu biblioteca de contenido multimedia. La optimización SEO de las imágenes sólo aporta cosas buenas, así que ¿por qué no hacer el esfuerzo?

Fuente: https://wordpress.com/es/go/tutorials/como-optimizar-las-imagenes-para-seo-y-por-que-es-importante/

Cómo ayuda el hosting al posicionamiento SEO on-server

En artículos anteriores mencionamos posicionamiento On-Page y Off-Page, hoy llego el turno de contar sobre el posicionamiento On-Server.

Este tipo de optimización tiene que ver muchas veces con la calidad del alojamiento web contratado, por ejemplo, contar con certificado SSL, una buena velocidad de carga de la página (con un servicio de CDN), o la adecuada creación de los archivos robots y sitemap.

¿Recibir nuevas recomendaciones?


Cómo generar buenos snippets en buscadores

Optimizar nuestro sitio web con buenas prácticas SEO permite trabajar mejor a los robots de búsqueda y posicionarlo en los primeros resultados.

Pero visualizar nuestra página en los primeros resultados tiene que estar acompañado con el mensaje correcto para que incentive a los usuarios a hacer click.

Los snippets son los items de los resultados que se nos muestra al hacer una búsqueda, y podemos tener control de ese contenido cómo te mostramos en este tutorial:

Recibir novedades


Optimizando imágenes en HTML para posicionamiento web SEO

Agregar imágenes a nuestro contenido, ya sea a través de modificar código HTML, herramientas auto administrables o nuestro constructor web, requiere tener en cuenta detalles que son funcionales para el usuario y para los buscadores.

El nombre de la imagen y el atributo alt (texto alternativo) debemos tenerlos muy en cuenta a la hora de optimizar imágenes y en general nuestro sitio web, pudiendo en el caso de Google penalizarlo por no hacerlo.

Posicionamiento SEO on-page y off-page

Juan Martín Bueno nos cuenta en este video tutorial las 2 ramas que desarrolla el posicionamiento natural u orgánico (SEO) de un sitio web.

On-page: factores que tenemos en cuenta dentro de nuestra página web, como son el contenido y la optimización técnica.

Off-page: El uso de canales externos a nuestra web, como pueden ser redes sociales o plataformas de terceros que vinculan a nuestra web.

¿Cómo beneficia la optimización SEO a una campaña de Google Ads?

Optimizar una página web para posicionarla de forma orgánica (SEO) requiere ajustes técnico y de contenidos.

Cuando realizamos una campaña de marketing en un buscador (SEM) utilizando por ejemplo Google Ads, mejorará mucho el resultado en relación a la calidad que tenga la página y al cumplimiento tambien de las optimizaciones SEO.

Cómo decimos siempre, la intención de un buscador es ofrecer resultados de calidad a las consultas, más allá de si nuestra página se posiciona de forma natural o paga.

Período sandbox (o ventana) en el posicionamiento de un sitio web

El posicionamiento orgánico o natural de un sitio web se da de forma paulatina.

Google tiene un comportamiento observado sobre un período sandbox o de ventana, un tiempo de prueba de 6 meses según la teoría, donde los algoritmos evalúan la calidad del contenido para ver cómo posicionarla en los resultados.

En la práctica real, para empezar a notar movimiento con origen en un buscador se debe trabajar de 9 a 12 meses.

¿Cómo posiciona un buscador a un sitio web?

Un buscador trabaja como una araña o robot que revisa (con su propio algoritmo o método) cada sección de una web y categoriza según los contenidos, leyendo títulos, imágenes, enlaces, etc.

Cuando un usuario haga una búsqueda relacionada con contenidos que podamos tener indexado, vamos a tener mayor visibilidad y ubicación en los resultados siempre y cuando apliquemos buenas practicas en la optimización o en la estrategia SEO.

El buscador de Google sólo quiere ofrecer resultados que generen buenas experiencias a los usuarios.

Juan Martín Bueno

Diferencias entre posicionamiento web SEO y SEM en buscadores

Al momento de elegir una estrategia para realizar acciones de marketing digital en buscadores es elemental conocer la diferencia entre SEO (del inglés search engine optimization) y SEM (del inglés Search Engine Marketing).

Uno de los principales errores que cometemos al diferenciarlas es pensar que una técnica es gratis (SEO) y la otra no, pero cómo nos explica Juan Martín en el video, posicionar una página de forma orgánica o natural lleva el trabajo de profesionales que optimicen tecnicamente el sitio y de generar contenido de calidad.

Imagen: http://blog.efektoclick.com/