{"id":31520,"date":"2024-11-12T12:40:10","date_gmt":"2024-11-12T12:40:10","guid":{"rendered":"https:\/\/www.seobility.net\/?post_type=wiki&p=31520"},"modified":"2025-03-23T11:11:07","modified_gmt":"2025-03-23T11:11:07","slug":"Lenguaje_de_marcado","status":"publish","type":"wiki","link":"https:\/\/www.seobility.net\/es\/wiki\/Lenguaje_de_marcado","title":{"rendered":"Lenguaje de marcado"},"content":{"rendered":"

\u00bfQu\u00e9 es el lenguaje de marcado o Markup Language?<\/span><\/h2>\n
\n
\"Lenguaje<\/a> <\/p>\n
Imagen:<\/b> Lenguaje de marcado – Autor: Seobility – Licencia: CC BY-SA 4.0<\/a><\/div>\n<\/div>\n<\/div>\n

El lenguaje de marcado o de marcas se refiere a un sistema de anotaci\u00f3n organizado (es decir, \u201clenguaje\u201d) que marca, de ah\u00ed su nombre, ciertas partes o elementos de un documento o aplicaci\u00f3n web para, principalmente, dar al texto tanto un formato como una estructura espec\u00edfica.\n<\/p>\n

Otra caracter\u00edstica es que este lenguaje es invisible para quien lee la p\u00e1gina web, ya que la \u00fanica manera de verlo es accediendo a su c\u00f3digo fuente<\/a>. A diferencia de los lenguajes de programaci\u00f3n, los de marcas no se ejecutan: en su lugar, se leen y representan.\n<\/p>\n

\u00bfC\u00f3mo funciona?<\/span><\/h2>\n

Para dar formato o estructura a una p\u00e1gina, el lenguaje de marcas utiliza una serie de etiquetas (a menudo entre par\u00e9ntesis angulares) cuyo s\u00edmbolo es <><\/code> y que funcionan como instrucciones que, al estar contenidas entre <>, se diferencian sint\u00e1cticamente del texto sin formato.\n<\/p>\n

Las etiquetas son le\u00eddas e interpretadas por parsers o analizadores que luego generan una salida, generalmente como una p\u00e1gina o un documento que tiene el formato y el estilo correspondiente y manteniendo la marca real oculta a simple vista.\n<\/p>\n

Por ejemplo, en lenguaje HTML, la etiqueta h1<\/code> indica el elemento de encabezado principal de una p\u00e1gina web, advirtiendo a la m\u00e1quina que presente el encabezado en negrita o con una fuente m\u00e1s grande seg\u00fan las convenciones est\u00e1ndar de HTML. No obstante, quien navegue por esta p\u00e1gina \u00fanicamente ver\u00e1 el encabezado con formato, en lugar de las etiquetas.\n<\/p>\n

Comparativa entre lenguajes de marcado descriptivos y de procedimientos<\/span><\/h2>\n

Hay varios lenguajes de marcas disponibles para las y los desarrolladores, y es posible utilizarlos en un mismo documento. A grandes rasgos, se pueden clasificar en dos grupos en relaci\u00f3n de su funci\u00f3n principal: lenguajes descriptivos y de procedimientos.\n<\/p>\n

Lenguajes de marcado descriptivos<\/span><\/h3>\n

Como su propio nombre indica, su funci\u00f3n es describir o etiquetar elementos o secciones de documentos web.\n<\/p>\n

Este lenguaje es puramente sem\u00e1ntico, lo que significa que no da instrucciones sobre c\u00f3mo debe procesarse. En cambio, el enfoque descriptivo es etiquetar partes de un documento a lo largo de \u00e1reas conceptualmente establecidas.\n<\/p>\n

HTML y XML son algunos de los sistemas de tipo descriptivo m\u00e1s utilizados. XML son las siglas de eXtensible Markup Language (Lenguaje de marcado extensible), que se desarroll\u00f3 en la d\u00e9cada de 1970 para simplificar los sistemas de anotaci\u00f3n de documentos web existentes.\n<\/p>\n

El de XML se diferencia del HTML en que sus aplicaciones van m\u00e1s all\u00e1 de la visualizaci\u00f3n de documentos web. XML se ha utilizado para admitir una variedad de aplicaciones, desde herramientas de productividad hasta de comunicaci\u00f3n.\n<\/p>\n

As\u00ed mismo, HTML hace referencia a sus siglas en ingl\u00e9s: HyperText Markup Language (Lenguaje de marcado de hipertexto), y apareci\u00f3 a principios de 1990. Durante las siguientes d\u00e9cadas, se convirti\u00f3 en el m\u00e1s utilizado en la red.\n<\/p>\n

Su uso com\u00fanmente incluye la creaci\u00f3n de secciones y divisiones de p\u00e1ginas web y el formato de listas, texto y formularios de contacto. Un documento b\u00e1sico en este formato se ver\u00eda de la siguiente manera:\n<\/p>\n

<!DOCTYPE html>\r\n<html>\r\n<head>\r\n<meta charset=\"utf-8\">\r\n<title>T\u00edtulo de la p\u00e1gina<\/title>\r\n<\/head>\r\n<body>\r\n<h1>Encabezado principal<\/h1>\r\n<p>P\u00e1rrafo de ejemplo<\/p>\r\n<h2>Ejemplo de subencabezado<\/h2>\r\n<p>P\u00e1rrafo de ejemplo<\/p>\r\n<img src=\"nombre-de-archivo-imagen\" alt=\"T\u00edtulo de la imagen\">\r\n<\/body>\r\n<\/html><\/pre>\n
En este ejemplo, las marcas le dir\u00edan al navegador c\u00f3mo dar formato y mostrar elementos como el t\u00edtulo, el encabezado principal y el subt\u00edtulo, todo de acuerdo con los par\u00e1metros predeterminados, a menos que el archivo CSS (Cascading Style Sheets, otro lenguaje m\u00e1s orientado al dise\u00f1o), especifique lo contrario.\n<\/p>\n
Lenguajes de marcado de procedimiento<\/span><\/h3>\n
A diferencia de los sistemas de tipo descriptivo, los lenguajes de procedimiento ofrecen instrucciones sobre c\u00f3mo deben procesarse sus etiquetas.\n<\/p>\n
Estos sistemas se utilizan en una variedad de aplicaciones, desde autoedici\u00f3n hasta composici\u00f3n tipogr\u00e1fica y procesadores de textos. Algunos ejemplos de lenguajes de esta clase m\u00e1s utilizados incluyen Postscript y LaTex.\n<\/p>\n
LaTex se lanz\u00f3 a mediados de la d\u00e9cada de 1980 y desde entonces ha ganado una amplia aceptaci\u00f3n en el mundo acad\u00e9mico y cient\u00edfico. Las y los usuarios de LaTex producen una serie de etiquetas para agregar estructura y estilo a los documentos en el que est\u00e1n trabajando.\n<\/p>\n
Su objetivo principal es la composici\u00f3n tipogr\u00e1fica y la preparaci\u00f3n de documentos, y sus etiquetas se basan en conceptos familiares y l\u00f3gicos como cap\u00edtulo o tabla. Uno de tipo LaTeX se ver\u00eda de la siguiente manera:\n<\/p>\n
\\documentclass [14pt]{article}\r\n\\usepackage{nombre del paquete que se est\u00e1 utilizando} \r\n\\title{\\T\u00edtulo del documento} \r\n\\begin{document} \r\n\\section*{Nombre de la secci\u00f3n}\r\n\\subsection*{Nombre de la subsecci\u00f3n}\r\n\\end{document}<\/pre>\n
En el ejemplo, las anotaciones de LaTex especificar\u00edan el tama\u00f1o de fuente aplicable (14 puntos), as\u00ed como tambi\u00e9n delimitar\u00edan diferentes secciones (t\u00edtulo, secci\u00f3n y subsecci\u00f3n).\n<\/p>\n
\u00bfQu\u00e9 importancia tiene para SEO?<\/span><\/h2>\n
La elecci\u00f3n de lenguajes de marcado no afecta directamente al SEO, por lo que elegir entre HTML, XML o LaTex no influye en que el posicionamiento de una p\u00e1gina sea m\u00e1s alto o m\u00e1s bajo.\n<\/p>\n
Dicho lo cual, es verdad que ciertos tipos de marcado facilitan que los motores de b\u00fasqueda comprendan mejor el contenido de una p\u00e1gina. Este es el caso de las meta tags<\/a> o Schema markup de Google. De manera similar, ciertos tipos de marcados de esquemas permiten que Google muestre previsualizaciones en las SERPs.\n<\/p>\n
\"Lenguaje\n<\/p>\n
Captura de la b\u00fasqueda de una receta en  google.com<\/a>\n<\/p>\n
En resumen, se recomienda utilizar estos tipos de marcados en las p\u00e1ginas web. En conjunto, esto ayuda a los motores de b\u00fasqueda a obtener una comprensi\u00f3n m\u00e1s precisa del contenido de un sitio para que puedan mostrarlo a las personas que interact\u00faen con \u00e9l.\n<\/p>\n
Ampliar conocimientos<\/span><\/h2>\n