{"id":384,"date":"2024-05-21T12:47:19","date_gmt":"2024-05-21T10:47:19","guid":{"rendered":"https:\/\/blog.sutilweb.eu\/?page_id=384"},"modified":"2024-05-21T12:47:19","modified_gmt":"2024-05-21T10:47:19","slug":"27-metaetiquetas-para-seo-y-moviles","status":"publish","type":"page","link":"https:\/\/sutilweb.eu\/index.php\/lenguajes\/html5\/html5-practico\/27-metaetiquetas-para-seo-y-moviles\/","title":{"rendered":"27. Metaetiquetas para SEO y m\u00f3viles"},"content":{"rendered":"\n

Ya en su momento vimos dos de las etiquetas m\u00e1s importantes para el SEO,<\/strong> que son <title><\/em><\/strong> y la meta<\/em> description.<\/em><\/strong> Pero existe otra etiqueta muy importante que nos ayuda en nuestro SEO,<\/strong> se trata de la etiqueta link<\/strong> de tipo can\u00f3nico,<\/strong> cuya sintaxis es la siguiente.<\/p>\n\n\n\n

Ejm<\/strong><\/p>\n\n\n\n

<link rel=\"canonical\" href=\"https:\/\/sutilweb.eu\/url-canonica\" \/><\/pre>\n\n\n\n
Esta etiqueta hace referencia a la URL can\u00f3nica,<\/strong> en nuestro href<\/em><\/strong> tendr\u00edamos que poner la URL can\u00f3nica<\/strong> de nuestro documento.<\/p>\n\n\n\n
Qu\u00e9 es una URL can\u00f3nica<\/h2>\n\n\n\n
Esta URL<\/strong> can\u00f3nica va a ser la URL<\/strong> original del art\u00edculo que queremos mostrar, pueden existir diferentes p\u00e1ginas que apunten a una misma, con este enlace le decimos a los motores de b\u00fasqueda que la URL<\/strong> original es la que tenemos en dicho enlace.<\/p>\n\n\n\n
Otras etiquetas<\/strong> que no tienen un SEO<\/strong> directo pero pueden ayudar son las etiquetas del Favicon<\/strong> o del Apple Touch Icon.<\/strong> La imagen del favicon que est\u00e9 en formato .png<\/em>. La sintaxis es la siguiente.<\/p>\n\n\n\n
<link rel=\"favicon\" href=\"favicon.png\" \/>\n<link rel=\"apple-touch-icon\" href=\"favicon.png\" \/><\/pre>\n\n\n\n
La imagen puede ser otra o el mismo Favicon. <\/strong>La primera metaetiqueta es para el Favicon, y la segunda para los dispositivos m\u00f3viles.<\/p>\n\n\n\n
Cambiar el color de la barra de direcciones<\/h2>\n\n\n\n
Podemos cambiar el color de nuestra barra de direcciones,<\/strong> a\u00f1adiendo una metaetiqueta<\/strong> que lo permite. Su sintaxis es la siguiente.<\/p>\n\n\n\n
Ejm<\/strong><\/p>\n\n\n\n
<meta name=\"theme-color\" content=\"#ccc\" \/><\/pre>\n\n\n\n
El color que se incluye debe estar en formato hexadecimal.<\/strong><\/p>\n\n\n\n
Metaetiquetas para redes sociales<\/h2>\n\n\n\n
Para ello se utiliza un protocolo denominado Open Graph<\/strong>, cuya p\u00e1gina oficial es https:\/\/ogp.me\/,<\/a> y se trata de un protocolo<\/strong> para compartir contenido de manera enriquecida en redes sociales,<\/strong> y que tiene varias etiquetas, entre las que destacan las siguientes.<\/p>\n\n\n\n
<meta property=\"og:title\" content=\"The Rock\" \/>\n<meta property=\"og:type\" content=\"video.movie\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.imdb.com\/title\/tt0117500\/\" \/>\n<meta property=\"og:image\" content=\"https:\/\/ia.media-imdb.com\/images\/rock.jpg\" \/><\/code><\/pre>\n\n\n\n
Otra opci\u00f3n es ir a la secci\u00f3n de desarrolladores de cada una de las redes sociales, y echar un vistazo a las herramientas que nos brindan.<\/p>\n","protected":false},"excerpt":{"rendered":"
Ya en su momento vimos dos de las etiquetas m\u00e1s importantes para el SEO, que son <title> y la meta […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":89,"menu_order":26,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-384","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"Sutil Web","author_link":"https:\/\/sutilweb.eu\/index.php\/author\/sutilweb\/"},"uagb_comment_info":0,"uagb_excerpt":"Ya en su momento vimos dos de las etiquetas m\u00e1s importantes para el SEO, que son <title> y la meta […]","_links":{"self":[{"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/pages\/384","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/comments?post=384"}],"version-history":[{"count":2,"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/pages\/384\/revisions"}],"predecessor-version":[{"id":386,"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/pages\/384\/revisions\/386"}],"up":[{"embeddable":true,"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/pages\/89"}],"wp:attachment":[{"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/media?parent=384"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}