{"id":31265,"date":"2024-11-12T12:39:34","date_gmt":"2024-11-12T12:39:34","guid":{"rendered":"https:\/\/www.seobility.net\/?post_type=wiki&p=31265"},"modified":"2025-06-02T19:58:54","modified_gmt":"2025-06-02T19:58:54","slug":"codificacion-de-caracteres","status":"publish","type":"wiki","link":"https:\/\/www.seobility.net\/es\/wiki\/codificacion-de-caracteres","title":{"rendered":"Codificaci\u00f3n de caracteres"},"content":{"rendered":"

\u00bfQu\u00e9 es la codificaci\u00f3n de caracteres o Character Encoding?<\/span><\/h2>\n

Para poder mostrar letras, n\u00fameros y s\u00edmbolos, una computadora u ordenador necesita disponer de un repertorio de caracteres que est\u00e9 dispuesto y numerado en un orden espec\u00edfico. Este repertorio se denomina conjunto de caracteres.\n<\/p>\n

Ahora bien, para que las computadoras reconozcan estos caracteres correctamente deben codificarlos. Es aqu\u00ed donde entra en juego la codificaci\u00f3n de caracteres, a saber; un m\u00e9todo que permite convertir cada letra, n\u00famero o s\u00edmbolo del lenguaje natural (por ejemplo, del alfabeto) en un idioma que las computadores entiendan, en este caso en un patr\u00f3n de bits que sigue una secuencia y numeraci\u00f3n espec\u00edficas.<\/p>\n

\n
\n

Comprobar la Codificaci\u00f3n de Caracteres<\/h3>\n

Verifica la Codificaci\u00f3n de Caracteres de tu web<\/p>\n<\/div>\n

\n
\n<\/form>\n<\/div>\n

As\u00ed pues, la codificaci\u00f3n de caracteres es relevante para los documentos HTML porque estos se guardan siempre con un tipo espec\u00edfico de codificaci\u00f3n de caracteres. Esto permite una asignaci\u00f3n \u00fanica de letras, n\u00fameros y s\u00edmbolos de un conjunto de caracteres a cada documento.\n<\/p>\n

De esta forma, cuando accedemos a una p\u00e1gina, esta env\u00eda toda la informaci\u00f3n sobre la forma de codificaci\u00f3n a los navegadores u otros user agents<\/a> para que puedan interpretar los bytes correctamente y mostrar los caracteres adecuados.
\nCabe mencionar que si la codificaci\u00f3n de caracteres declarada no coincide con la realmente utilizada, los navegadores no pueden mostrar el contenido de un sitio web y los buscadores tampoco pueden indexar ni retornar esas p\u00e1ginas webs como resultado de una b\u00fasqueda.\n<\/p>\n

\u00bfPor qu\u00e9 son necesarios diferentes juegos de caracteres?<\/span><\/h2>\n

La selecci\u00f3n de un conjunto de caracteres espec\u00edfico determina el rango de caracteres que se pueden usar en una p\u00e1gina web. Las letras latinas b\u00e1sicas rara vez son un problema, pero algunos idiomas requieren m\u00e1s letras que otros o utilizan caracteres especiales como puntos, virgulillas, guiones, c\u00edrculos o arcos por encima o por debajo de las letras.\n<\/p>\n

Esto puede generar problemas si se requiere un car\u00e1cter que no se puede representar con la codificaci\u00f3n seleccionada. En este caso, se debe utilizar una par\u00e1frasis simb\u00f3lica (referencia de entidad<\/a>) en el c\u00f3digo HTML. Por ejemplo, la referencia de entidad &copy; representa el s\u00edmbolo \u00a9.\n<\/p>\n

Las referencias a entidades comienzan con un \u00ab&\u00bb y terminan con un punto y coma \u00ab;\u00bb. Si bien, el uso de referencias suele funcionar relativamente bien, es un procedimiento que requiere el uso de m\u00e1s bytes y complica el marcado.\n<\/p>\n

\u00bfQu\u00e9 codificaci\u00f3n elegir?<\/span><\/h2>\n

El conjunto de caracteres US-ASCII<\/a> es suficiente para un sitio web en ingl\u00e9s si no se requiere una puntuaci\u00f3n tipogr\u00e1ficamente correcta, como ser\u00eda el uso de comillas tipogr\u00e1ficas.\n<\/p>\n

Para otros idiomas europeos como el alem\u00e1n, el franc\u00e9s o el espa\u00f1ol, el conjunto de caracteres ISO 8859-1 es el m\u00e1s adecuado y utilizado en Europa Occidental, mientras que el polaco, el checo y el griego, por ejemplo, aplican una versi\u00f3n diferente de ISO 8859, la ISO 8859-2.\n<\/p>\n

Por otra parte, para codificar caracteres hebreos, \u00e1rabes y orientales en una p\u00e1gina web se recomienda seleccionar UTF-8, es decir, un Formato de transformaci\u00f3n UCS – 8 bits, donde UCS es la abreviatura de Juego de caracteres universal.\n<\/p>\n

En esta l\u00ednea, UTF-8 se ha convertido en la codificaci\u00f3n de caracteres m\u00e1s recomendada<\/strong> y utilizada. Emplea la tabla de c\u00f3digos del sistema Unicode<\/a>, que contiene los caracteres y elementos de todas las fuentes culturales determinadas por los ling\u00fcistas. Por este motivo, UTF-8 es el juego de caracteres m\u00e1s usado en Internet y siempre debe ser la primera opci\u00f3n<\/strong> a elegir.\n<\/p>\n

\u00bfC\u00f3mo especificar la codificaci\u00f3n de caracteres en un documento?<\/span><\/h2>\n
\n
\"Especificando<\/a> <\/p>\n
Imagen:<\/b> Codificaci\u00f3n de caracteres – Autor: Seobility – Licencia: CC BY-SA 4.0<\/a><\/div>\n<\/div>\n<\/div>\n

Una vez elegida la codificaci\u00f3n m\u00e1s apropiada, hay que asegurarse de que se transmita la informaci\u00f3n correcta tanto a los navegadores como tambi\u00e9n a los motores de b\u00fasqueda. Como ya se mencion\u00f3, en cada documento HTML se debe especificar la codificaci\u00f3n de caracteres empleada y para ello se pueden utilizar los encabezados HTTP<\/a> o el c\u00f3digo HTML.\n<\/p>\n

Especificaci\u00f3n en el encabezado HTTP<\/span><\/h3>\n

Las p\u00e1ginas web se entregan a trav\u00e9s del Protocolo de transferencia de hipertexto<\/a> (HTTP). Los navegadores env\u00edan una solicitud a trav\u00e9s de HTTP y los servidores env\u00edan una respuesta usando la misma v\u00eda.\n<\/p>\n

Esta respuesta consta de dos partes: el encabezado (header) HTTP y el cuerpo o contenido (body), estando separados entre s\u00ed por una l\u00ednea en blanco. Los encabezados proporcionan informaci\u00f3n sobre el cuerpo, el cual a su vez contiene el recurso solicitado que generalmente es un documento HTML. Y as\u00ed, el servidor web env\u00eda esta informaci\u00f3n sobre la codificaci\u00f3n del documento a trav\u00e9s del encabezado Content-Type
\n<\/a>:\n<\/p>\n

Content-Type: text\/html; charset=utf-8<\/pre>\n
Especificaci\u00f3n en el c\u00f3digo HTML<\/span><\/h3>\n
Si se desea proporcionar el equivalente HTTP en c\u00f3digo HTML, se puede usar un metaelemento en la secci\u00f3n cabecera del documento:\n<\/p>\n
<meta http-equiv=\"Content-Type\" content=\"text\/html; charset=utf-8\"><\/pre>\n
Alternativamente, se puede usar el siguiente metaelemento en el c\u00f3digo HTML:\n<\/p>\n
<meta charset=\"utf-8\"><\/pre>\n
Vamos a verlo con el siguiente ejemplo:\n<\/p>\n
\"Codificaci\u00f3n\n<\/p>\n
Captura de pantalla con codificaci\u00f3n de caracteres en c\u00f3digo HTML de seobility.net<\/a>.\n<\/p>\n
Con todo, sin embargo, hay que considerar que cada encabezado HTTP sobrescribe un metaelemento en el c\u00f3digo HTML, raz\u00f3n por la cual el servidor web debe configurarse correctamente.\n<\/p>\n
Por ejemplo, para un servidor Apache, se debe escribir el siguiente c\u00f3digo en el archivo de configuraci\u00f3n:\n<\/p>\n
AddDefaultCharset UTF-8<\/pre>\n
Para XML se debe especificar la codificaci\u00f3n en el encabezado de su archivo. XML solo admite UTF-8 y UTF-16, lo que simplifica enormemente la selecci\u00f3n:\n<\/p>\n
<?xml version=\"1.0\" encoding=\"utf-8\"?\/><\/pre>\n
En resumen<\/span><\/h2>\n
La elecci\u00f3n de una codificaci\u00f3n de caracteres adecuada es esencial para asegurar que un sitio web se muestre correctamente.\n<\/p>\n
Si declaras un conjunto de caracteres incorrecto para tu sitio web, como por ejemplo el ISO 8859-1 para una p\u00e1gina en chino, tendr\u00edas que ingresar muchas entidades en el c\u00f3digo HTML, lo que aumentar\u00eda innecesariamente el tama\u00f1o del archivo.\n<\/p>\n
Lo ideal es utilizar UTF-8 para cualquier tipo de sitio web, siendo que UTF-8 y la serie ISO 8859 son compatibles con todos los navegadores web modernos. La mayor\u00eda de estos tambi\u00e9n admiten otras codificaciones, pero de elegir una inusual, se corre el riesgo de que tanto visitantes como los buscadores no puedan leer su contenido.\n<\/p>\n
Tambi\u00e9n es importante recordar que todo documento HTML debe incluir un elemento que indique el juego de caracteres utilizado.\n<\/p>\n
Ampliar conocimientos<\/span><\/h2>\n