Ejemplos de caracteres especiales

Dado que la definición es algo escueta y breve, se presenta un listado de caracteres especiales, organizados por «su temática».

  • Símbolos de monedas: €, $, £
  • Símbolos de copyright y marca registrada: © ® ™
  • Símbolos matemáticos: + * / % < > =
  • Símbolos de acentuación: á, é, í, ó, ú, ä, ê, etc…
  • Símbolos de exclamación e interrogación: ¡ ! ¿ ?
  • Paréntesis, llaves y corchetes: ( ) [ ] { }
  • Otros: & ª º · » ‘ ; ñ

¿Dónde no debieran de utilizarse los caracteres especiales?

En el caso de WordPress (y otras plataformas web) los caracteres especiales no deberían de utilizarse en dos sitios:

  1. Nombres de URL
  2. Nombres de ficheros como imágenes y documentos

Por ello existen funciones que limpian la URL y los enlaces a documentos, es lo que se llama sanitizar.

¿Por que no se deben utilizar caracteres especiales en las URLs?

Se presentan varios motivos para no utilizar caracteres especiales en la dirección de una página web:

  1. Legibilidad: Es una forma sencilla de hacer ver al usuario qué va a encontrar en esa página web.
  2. Accesibilidad: Es una manera de ayudar a los softwares que leen contenido, estos son usados por personas con discapacidades visuales que navegan por Internet.
  3. Posicionamiento: Ayuda a los bots a tratar de entender el contenido que puede haber en una página, es una forma de optimizar las imágenes para el SEO.
  4. Problemas de codificación: Al usar un «estándar» habrá menos problemas para los navegadores y a la hora del mantenimiento de la web.

¿Por que no se deben utilizar caracteres especiales en las imágenes/documentos?

En el caso de las imágenes, al no utilizar caracteres especiales en el nombre del fichero, nos aseguramos que la imagen siempre aparezca.

Según la codificación de la base de datos, podría darse el caso de una imagen cuyo nombre sea «foto-comunión», no aparezca en la página web por el uso de la letra o acentuada.

En el caso de los documentos, el enlace de descarga podría llegar a fallar.

Sanitizar los caracteres especiales programando en WordPress

WordPress tiene la función sanitize_title(), que limpia los caracteres especiales y otros caracteres del texto proporcionados a dicha función, devolviendo un texto limpio y usable para una URL o slug.

Copiar

Sanitizar los caracteres especiales en las URLs

Por defecto, WordPress, sanitiza las direcciones web, es decir, si editamos un enlace permanente e introducimos caracteres especiales, WordPress convierte dichos caracteres a unos «no especiales».

Ejemplo de enlace con caracteres especiales

Ejemplo de un enlace con caracteres especiales

Al pulsar el botón de «aceptar», WordPress sanitiza de manera automática todos los caracteres, dando como resultado una URL que es legible y comprensible para los usuarios.

Ejemplo de enlace sanitizado

Resultado de sanitizar los caracteres especiales

Es recomedable en WordPress que los enlaces permanentes sean del tipo «nombre de la entrada», al acudir a la opción de «Ajustes» > «Enlaces permanentes» aparecerán unas opciones como las de la siguiente imagen:

Ajustes de enalces permanentes en WordPress

Al final se trata de tener una web «bonita» y que sea legible, seleccionando la opción de «nombre de la entrada», todas las direcciones que componen nuestra web serán fáciles leer e incluso recordar.

Sanitizar caracteres especiales en las imágenes y documentos de nuestro WordPress

WordPress no incorpora ninguna función que convierta los caracteres espaciales para las imágenes, es decir, WordPress no sanitiza los nombres de las imágenes y documentos, por lo que siempre es recomendable tratar el nombre de cada imagen y fichero de forma manual antes de subirlo a una página web.

Pero por suerte existen plugins para tener que evitar renombrar estas imágenes y ficheros.

En este caso el plugin a usar se llama Clean Image Files.

Clean Image Filenames

El plugin Clean Image Filenames convierte todos los caracteres especiales de forma que el nombre del fichero seae perfectamente legible, es decir, sanitiza el nombre del fichero y nos ahorra tiempo en vez de hacerlo nosotros.

Plugin Clean Image Filenames

La «única opción» que tiene este plugin es seleccionar si se quieren sanitizar las imágenes o también los documentos.

Opciones clean imagen filenames

Es un plugin ligero y recomendable de instalar para evitar futuras complicaciones en la web de cliente, sobre todo si se tiene la certeza de que no va a hacer un correcto tratamiento de las imágenes.

Resumen para trabajar adecuadamente con ficheros y URLs en WordPress

  • El nombre del fichero debe ser legible para cualquier persona

  • Que describa la información de la imagen, documento o fichero.

  • Todas las letras deben ser minúsculas

  • No uses espacios, en su lugar utiliza el guión o barra alta para separar palabas, por ejemplo: «bahia-de-santander.jpg».

  • La longitud del fichero debe ser la adecuada, que no tenga 100 caracteres de longitud.

  • No utilices los acentos, se consideran un caracter especial.

  • Evitar usar la letra «ñ», en su lugar usa la letra «n» o «nh», por ejemplo en vez «foto-niño.jpg», pon «foto-ninho.jpg»

  • Y por supuesto, no incluyas caracteres especiales

¡Valora este artículo y ayúdame a mejorar la calidad del blog, si no te ha servido, déjame un comentario para revisarlo!
(Votos: 0 Promedio: 0)