Saltar al contenido principal

Caracteres Especiales HTML

Los caracteres especiales HTML forman parte de un recopilatorio de caracteres, una codificación, que trasciende de los caracteres disponibles que se pueden grabar con un teclado normal. Incluyen letras griegas, símbolos matemáticos, flechas, monedas, dingbats (adornos) y gráficos, así como marcas de verificación y símbolos de derechos de autor y marcas registradas. Los caracteres especiales HTML además se saben como caracteres enmascarados y entidades HTML.

600x400-CarEspHtml-es-01.png

Información general

HTML está vinculado a distintos reglas y definiciones como un lenguaje de marcado basado en texto que permite la visualización de documentos HTML en los navegadores web. Una norma es la especificación necesaria del juego de caracteres. Estos son los caracteres disponibles en el lenguaje de marcado. Un documento se codifica y se visualiza en función de un recopilatorio de caracteres específico.

A pesar de todo, puesto que los documentos HTML se editan usando teclados tradicionales, es factible que se utilicen combinaciones de caracteres en el teclado para crear símbolos especiales. Los caracteres especiales HTML deben entenderse como un término de estas combinaciones. Son las referencias entre el juego de caracteres y el webmaster que quiere escribir ciertos caracteres, para asegurar una representación adecuada de los caracteres especiales. Un método de traducción es, por ejemplo, la codificación URL.

Cómo se usan los caracteres especiales HTML

Se puede especificar un juego de caracteres con notación hexadecimal, decimal y entidades HTML (HTML 5). Si se escriben caracteres especiales en una de estas anotaciones, el cliente (navegador) genera los caracteres especiales correspondientes si puede leer la fuente o cargar la fuente desde el juego de caracteres.

El juego de caracteres se especifica en los metadatos del documento, que se transmiten desde el servidor al cliente con el primer byte.

  • Desde HTML 4:
 <meta http-equiv="content-type" content="text/html; charset=utf-8" /> 
  • Desde HTML 5:
 <meta charset="utf-8" /> 

Actualmente todos los caracteres del juego de caracteres UTF-8 pueden ser utilizados y el navegador codificará el documento de acuerdo con este juego de caracteres.

Ejemplos de caracteres especiales HTML

Si deseas usar caracteres especiales en su portal web, puede consultar una lista para conseguir ayuda. Contiene caracteres que se pueden enumerar en tres variaciones. La más simple y avanzada es la notación mnemotécnica en entidades HTML como © para copyright.

Quizás te interesa >>>  Astroturfing

  • ©: El símbolo de copyright se puede generar con los siguientes caracteres (sin espacios):
    • & # x a 9 ;
    • & # 1 6 9 ;
    • & c o p y ;
  • ®: Una marca registrada puede ser anotada por ende (sin espacios):
    • & # x a d ;
    • & # 1 7 4 ;
    • & r e g;
  • → La flecha a la derecha (sin espacios):
    • & # x 2 1 9 2 ;
    • & # 8 5 9 4 ;
    • & r a r r ;

Relevancia para el SEO

Los caracteres especiales en HTML siempre han tenido implicaciones para la optimización de motores de búsqueda. Por un lado, muchos navegadores no eran capaces de interpretar algunos caracteres, por lo que los usuarios no podían leerlos. El resultado: la mala usabilidad afecta indirectamente a la optimización de los motores de búsqueda, dado que los usuarios pueden abandonar el portal web. Por otro lado, los motores de búsqueda no podían interpretar correctamente algunos caracteres especiales y, por ende, el crawler no podía leer el contenido.

Esto cambió sobre todo con HTML 4 y lo último con HTML 5. Aún cuando algunos navegadores aún pueden representar caracteres incorrectamente en algunos casos, los rastreadores de los motores de búsqueda leen el código correctamente para después mostrarlo en los SERPs. Google convierte todos los sitios web en UTF-8 antes de que se lean desde el servidor de base de datos de índices y se muestren al usuario en las listas de resultados.

Los caracteres especiales se usan en este momento para atraer a los usuarios a los sitios web y incrementar la tasa de clics. Esto además se aplica al contenido de archivos HTML y meta descripción y etiquetas de título.

El uso de caracteres especiales HTML además puede explicar ciertas connotaciones de las cadenas. Por ejemplo, los caracteres especiales se usan para identificar números de teléfono con un símbolo o para marcar simbólicamente expresiones individuales. Con caracteres especiales, los strings de caracteres obtienen un nivel gráfico que indica la importancia del string. Esto se suma a los rich snippets y datos estructurados, otro pequeño paso hacia la web semántica. Una consecuencia del uso de demasiados caracteres especiales es el aumento del tiempo de carga del sitio[1].

error: Atención: Contenido protegido.