{"id":38771,"date":"2023-01-19T08:38:43","date_gmt":"2023-01-19T16:38:43","guid":{"rendered":"https:\/\/dhblog.dream.press\/blog\/?p=38771"},"modified":"2025-01-16T13:02:18","modified_gmt":"2025-01-16T21:02:18","slug":"guia-marcado-schema","status":"publish","type":"post","link":"https:\/\/www-dev.dreamhost.com\/blog\/es\/guia-marcado-schema\/","title":{"rendered":"Gu\u00eda Para Principiantes Sobre el Marcado Schema y Como Mejorar Tu SEO"},"content":{"rendered":"\n

El principal objetivo de la <\/span>Optimizaci\u00f3n para Motores de B\u00fasqueda (SEO)<\/span><\/a> es que tu contenido clasifique m\u00e1s alto en resultados de b\u00fasqueda de t\u00e9rminos espec\u00edficos y palabras clave que son m\u00e1s importantes para tu marca o negocio. Sin embargo, solo eso puede no ser suficiente para diferenciarte de la competencia. Necesitas una ventaja para lograr m\u00e1s clics (y tr\u00e1fico real) \u2014 ah\u00ed es donde el marcado <\/span>schema <\/span><\/i>entra en escena.<\/span><\/p>\n\n\n\n

El marcado <\/span>schema<\/span><\/i> son metadatos dentro de p\u00e1ginas que proveen contexto adicional a los motores de b\u00fasqueda sobre tu contenido. Lo mejor de schema es que crea la capacidad de mejorar visualmente la apariencia de tu contenido en los resultados de b\u00fasqueda org\u00e1nicos para que resalte. <\/span>
<\/span>
<\/span>Si por ejemplo tienes un sitio web culinario, puedes usar <\/span>schema<\/span><\/i> para decirle a Google si alguna p\u00e1gina es de una receta, una publicaci\u00f3n de blog, o una p\u00e1gina de producto. Es m\u00e1s, puedes elegir cu\u00e1les datos incluir con el marcador, agregando las estrellas de tu restaurante, precios y tiempos de cocci\u00f3n.<\/span><\/p>\n\n\n\n

En este art\u00edculo te explicaremos qu\u00e9 es un marcado <\/span>schema<\/span><\/i> y a conocer algunos de sus beneficios. Luego te ense\u00f1aremos a a\u00f1adirlo a tu sitio web. <\/span>
<\/span>
<\/span>\u00a1Manos a la obra!<\/span><\/p>\n\n\n\n

\u00bfQu\u00e9 Es un Marcado Schema<\/i>?<\/strong><\/h2>\n\n\n\n

Cada p\u00e1gina debe contener ciertos metadatos. Algunos de los elementos m\u00e1s importantes de SEO incluyen t\u00edtulos de p\u00e1gina, <\/span>meta descripciones<\/span><\/a>, textos alternativos y etiquetas de encabezado. Estos metadatos afectan significativamente c\u00f3mo tu sitio aparece en las P\u00e1ginas de Resultado de los Motores de B\u00fasqueda (SERPs, por sus siglas en ingl\u00e9s).<\/span><\/p>\n\n\n\n

Piensa en el marcado <\/span>schema<\/span><\/i> como en el siguiente nivel de los metadatos para p\u00e1ginas. En lugar de solo decir a los motores de b\u00fasqueda cu\u00e1les son t\u00edtulos de p\u00e1gina y descripciones, <\/span>schema<\/span><\/i> brinda contexto.<\/span><\/p>\n\n\n\n

Puedes usar <\/span>schema<\/span><\/i> para indicar el contenido de cada p\u00e1gina, como ubicaciones, recetas, productos y m\u00e1s opciones. Para darte un ejemplo, as\u00ed luce la b\u00fasqueda de recetas sin <\/span>schema<\/span><\/i>:<\/span><\/p>\n\n\n

\n
\"Ejemplo<\/figure><\/div>\n\n\n

Luce bien y obtendr\u00e1 varios clics. Sin embargo, compar\u00e9mosla con un resultado de un marcado <\/span>schema<\/span><\/i>, incluyendo calificaciones, n\u00famero de votos y tiempos de cocci\u00f3n. Estos resultados enriquecidos, que atraer\u00e1n m\u00e1s clics, se deben al marcado <\/span>schema<\/span><\/i>:<\/span><\/p>\n\n\n

\n
\"Ejemplo<\/figure><\/div>\n\n\n

Si buscas una receta, \u00bfen cu\u00e1l de los dos resultados ingresar\u00e1s? La segunda ser\u00e1 la opci\u00f3n favorita de muchos, dado que provee m\u00e1s informaci\u00f3n previa.<\/span><\/p>\n\n\n\n

Hay diferentes \u201ccategor\u00edas\u201d <\/span>schema<\/span><\/i> para diversos tipos de contenido, como personas. Esto ser\u00e1 ideal si en los fragmentos de tus resultados de b\u00fasqueda sobre alg\u00fan personaje, quieres informaci\u00f3n puntual, como por ejemplo el nombre de algunos de sus parientes:<\/span><\/p>\n\n\n

\n
\"Un<\/figure><\/div>\n\n\n

Uno de los m\u00e9todos m\u00e1s comunes es <\/span>JavaScript Object Notation<\/span><\/i> para Datos Enlazados (JSON-LD). <\/span><\/p>\n\n\n\n

Aqu\u00ed hay un ejemplo de c\u00f3mo lucir\u00eda un marcado <\/span>schema<\/span><\/i> con JSON-LD si estuvieras trabajando en una p\u00e1gina sobre una receta de un pan de banano:<\/span><\/p>\n\n\n\n

<script type=\"application\/ld+json\"><\/span>\n{<\/span>\n  \"@context\": \"https:\/\/schema.org\",<\/span>\n  \"@type\": \"Recipe\",<\/span>\n  \"author\": \"John Smith\",<\/span>\n  \"cookTime\": \"PT1H\",<\/span>\n  \"datePublished\": \"2009-05-08\",<\/span>\n  \"description\": \"Esta es la cl\u00e1sica receta de pan de banano de mi mam\u00e1 \u2014- las nueces le a\u00f1aden una textura y sabor agradables.\",<\/span>\n  \"image\": \"pandebanano.jpg\",<\/span>\n  \"recipeIngredient\": [<\/span>\n    \"3 o 4 bananos maduros\",<\/span>\n    \"1 Huevo\",<\/span>\n    \"3\/4 taza de az\u00facar\"<\/span>\n  ],<\/span>\n  \"interactionStatistic\": {<\/span>\n    \"@type\": \"InteractionCounter\",<\/span>\n    \"interactionType\": \"https:\/\/schema.org\/Comment\",<\/span>\n    \"userInteractionCount\": \"140\"<\/span>\n  },<\/span>\n  \"name\": \"Famoso Pan de Banano de Mi Mam\u00e1\",<\/span>\n  \"nutrition\": {<\/span>\n    \"@type\": \"NutritionInformation\",<\/span>\n    \"calories\": \"240 calor\u00edas\",<\/span>\n    \"fatContent\": \"9 grs grasa saturada\"<\/span>\n  },<\/span>\n  \"prepTime\": \"PT15M\",<\/span>\n  \"recipeInstructions\": \"Precalienta el horno a 350\u00b0. Mezcla los ingredientes en un recipiente. A\u00f1ade la harina de \u00faltimo. Vierte la mezcla en un molde de pan y d\u00e9jalo hornear por una hora.\",<\/span>\n  \"recipeYield\": \"1 Pan\",<\/span>\n  \"suitableForDiet\": \"https:\/\/schema.org\/LowFatDiet\"<\/span>\n}<\/span>\n<\/script><\/span><\/pre>\n\n\n\n
Este fragmento ir\u00e1 en el c\u00f3digo HTML de la p\u00e1gina y t\u00fa tendr\u00e1s control total sobre los elementos <\/span>schema<\/span><\/i>. Algunas herramientas te permitir\u00e1n a\u00f1adir un marcado <\/span>schema<\/span><\/i> sin usar c\u00f3digo, solo indicando en qu\u00e9 tipo de contenido est\u00e1s trabajando y llenando unos campos.<\/span><\/p>\n\n\n\n
(No te preocupes, compartiremos algunas de nuestras herramientas favoritas de generaci\u00f3n de schema en un momento). <\/span><\/p>\n\n\n\n
En resumen, <\/span>schema<\/span><\/i> es un marcado que a\u00f1ades a p\u00e1ginas web para dar informaci\u00f3n extra a los motores de b\u00fasqueda sobre tus contenidos. Veamos c\u00f3mo esto beneficiar\u00e1 a tu sitio.<\/span><\/p>\n\n\n\n
\n\n\n
Get Content Delivered Straight to Your Inbox<\/h2>
Subscribe now to receive all the latest updates, delivered directly to your inbox.<\/p>
<\/div>