{"id":9295,"date":"2024-07-18T08:14:28","date_gmt":"2024-07-18T07:14:28","guid":{"rendered":"https:\/\/www.lucushost.com\/blog\/?p=9295"},"modified":"2025-01-27T15:02:56","modified_gmt":"2025-01-27T14:02:56","slug":"favicon","status":"publish","type":"post","link":"https:\/\/www.lucushost.com\/blog\/favicon\/","title":{"rendered":"\u00bfQu\u00e9 es un favicon y para qu\u00e9 sirve?"},"content":{"rendered":"<p>Imagina que est\u00e1s navegando por Internet y tienes un porr\u00f3n de pesta\u00f1as abiertas (como hago yo \ud83d\ude05) en tu navegador. \u00bfSabr\u00edas decir cu\u00e1l es cu\u00e1l? Pues aqu\u00ed es donde entra en juego el favicon.<\/p>\n<p><!--more--><\/p>\n<p>Un favicon es un peque\u00f1o icono que no solo ayuda a los usuarios a reconocer las p\u00e1ginas web de un simple vistazo, sino que supone una pieza fundamental tanto para la identidad corporativa de marca como para la usabilidad de tu sitio web.<\/p>\n<p>En este post, voy a ense\u00f1arte qu\u00e9 es un favicon, por qu\u00e9 es tan importante y c\u00f3mo puedes crear un favicon f\u00e1cilmente para que tu sitio no pase desapercibido entre muchos.<\/p>\n<p>Coge papel y boli, y l\u00e9ete el post hasta el final.<\/p>\n<p>\u00a1Vamos all\u00e1! \ud83e\udd17<\/p>\n<div id=\"toc_container\" class=\"no_bullets\"><p class=\"toc_title\">Tabla de contenidos:<\/p><ul class=\"toc_list\"><li><a href=\"#Que_es_un_favicon_y_para_que_sirve\">\u00bfQu\u00e9 es un favicon y para qu\u00e9 sirve?<\/a><\/li><li><a href=\"#Por_que_es_importante_tener_un_favicon_en_tu_web\">\u00bfPor qu\u00e9 es importante tener un favicon en tu web?<\/a><\/li><li><a href=\"#Que_formato_de_favicon_hay_que_usar\">\u00bfQu\u00e9 formato de favicon hay que usar?<\/a><ul><li><a href=\"#Favicon_en_ICO_de_Windows\">Favicon en ICO de Windows<\/a><\/li><li><a href=\"#Favicon_en_PNG\">Favicon en PNG<\/a><\/li><li><a href=\"#Favicon_en_SVG\">Favicon en SVG<\/a><\/li><\/ul><\/li><li><a href=\"#Que_tamano_de_favicon_es_el_correcto\">\u00bfQu\u00e9 tama\u00f1o de favicon es el correcto?<\/a><\/li><li><a href=\"#Que_debe_tener_un_buen_favicon\">\u00bfQu\u00e9 debe tener un buen favicon?<\/a><\/li><li><a href=\"#4_ejemplos_de_favicon_en_sitios_web\">4 ejemplos de favicon en sitios web<\/a><ul><li><a href=\"#Favicon_de_LucusHost\">Favicon de LucusHost<\/a><\/li><li><a href=\"#Favicon_de_WordPressorg\">Favicon de WordPress.org<\/a><\/li><li><a href=\"#Favicon_de_Elementor\">Favicon de Elementor<\/a><\/li><li><a href=\"#Favicon_de_WooCommerce\">Favicon de WooCommerce<\/a><\/li><\/ul><\/li><li><a href=\"#Como_crear_un_favicon\">\u00bfC\u00f3mo crear un favicon?<\/a><ul><li><a href=\"#Como_crear_un_favicon_gratis\">\u00bfC\u00f3mo crear un favicon gratis?<\/a><ul><li><a href=\"#Canva\">Canva<\/a><\/li><li><a href=\"#GIMP\">GIMP<\/a><\/li><\/ul><\/li><\/ul><\/li><li><a href=\"#Como_crear_un_favicon_con_un_generador\">\u00bfC\u00f3mo crear un favicon con un generador?<\/a><ul><li><a href=\"#Faviconcc\">Favicon.cc<\/a><\/li><li><a href=\"#Favicon_Generator\">Favicon Generator<\/a><\/li><li><a href=\"#Genfavicon\">Genfavicon<\/a><\/li><\/ul><\/li><li><a href=\"#Como_anadir_un_favicon_a_tu_web\">\u00bfC\u00f3mo a\u00f1adir un favicon a tu web?<\/a><ul><li><a href=\"#Como_poner_un_favicon_en_WordPress\">\u00bfC\u00f3mo poner un favicon en WordPress?<\/a><ul><li><a href=\"#Paso_1_Accede_al_menu_de_WordPress\">Paso 1: Accede al men\u00fa de WordPress<\/a><\/li><li><a href=\"#Paso_2_Ve_a_la_Identidad_del_sitio\">Paso 2: Ve a la \u201cIdentidad del sitio\u201d<\/a><\/li><li><a href=\"#Paso_3_Anade_tu_favicon_a_Identidad_del_sitio\">Paso 3: A\u00f1ade tu favicon a \u201cIdentidad del sitio\u201d<\/a><\/li><li><a href=\"#Paso_4_Comprueba_el_favicon_en_WordPress\">Paso 4: Comprueba el favicon en WordPress<\/a><\/li><\/ul><\/li><li><a href=\"#Como_poner_un_favicon_en_HTML\">\u00bfC\u00f3mo poner un favicon en HTML?<\/a><ul><li><a href=\"#Paso_1_Agrega_el_favicon_en_la_raiz_del_sitio\">Paso 1: Agrega el favicon en la ra\u00edz del sitio<\/a><\/li><li><a href=\"#Paso_2_Anade_el_enlace_al_HTML\">Paso 2: A\u00f1ade el enlace al HTML<\/a><\/li><li><a href=\"#Paso_3_Guarda_y_actualiza_tu_web\">Paso 3: Guarda y actualiza tu web<\/a><\/li><\/ul><\/li><\/ul><\/li><li><a href=\"#Ahora_ya_sabes_como_crear_un_favicon_en_tu_web\">Ahora ya sabes c\u00f3mo crear un favicon en tu web<\/a><\/li><\/ul><\/div>\n\n<h2><span id=\"Que_es_un_favicon_y_para_que_sirve\">\u00bfQu\u00e9 es un favicon y para qu\u00e9 sirve?<\/span><\/h2>\n<p>Un favicon es un diminuto icono gr\u00e1fico que representa a una web o a una marca. Seguramente hayas visto este icono en distintas ubicaciones de un sitio web, y no te dar\u00e1s cuenta ahora mismo.<\/p>\n<p>Suelen estar en las pesta\u00f1as en la parte superior del navegador, en la barra de favoritos, en el historial o junto a la URL de la p\u00e1gina.<\/p>\n<p>Para que lo entiendas mejor, te muestro de ejemplo nuestro favicon:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-9367 aligncenter\" src=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/07\/que-es-favicon-300x158.png\" alt=\"que es favicon\" width=\"373\" height=\"196\" title=\"\" srcset=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/07\/que-es-favicon-300x158.png 300w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/07\/que-es-favicon.png 516w\" sizes=\"(max-width: 373px) 100vw, 373px\" \/><\/p>\n<p>Ahora ya te das cuenta de lo que es un favicon, \u00bfno? \u263a\ufe0f<\/p>\n<p>Pues el objetivo del favicon es ayudar a identificar visualmente una web en el navegador, facilitando al usuario la localizaci\u00f3n f\u00e1cil y r\u00e1pida de tu web entre varias pesta\u00f1as abiertas o en su lista de marcadores. De este modo, el favicon contribuye a mejorar la usabilidad y el reconocimiento de marca.<\/p>\n<h2><span id=\"Por_que_es_importante_tener_un_favicon_en_tu_web\">\u00bfPor qu\u00e9 es importante tener un favicon en tu web?<\/span><\/h2>\n<p>Al principio de este post, te mencionaba que el favicon juega un papel fundamental en una p\u00e1gina web, y es totalmente cierto. Aqu\u00ed, te explicar\u00e9 algunas razones por las cuales es imprescindible tener un favicon en tu web, \u00a1s\u00ed o s\u00ed! Y como dice el refr\u00e1n: el que avisa, no es traidor \ud83d\ude09<\/p>\n<ul>\n<li><strong>Identificaci\u00f3n de marca:<\/strong> Como te dec\u00eda antes, un favicon ayuda a los visitantes a identificar de una sola pasada tu web entre las distintas pesta\u00f1as abiertas en el navegador, consolidando as\u00ed la identidad de tu marca.<\/li>\n<li><strong>Potencia tu marca:<\/strong> Refuerza la identidad visual de tu marca al estar presente en distintas ubicaciones del navegador y en los resultados de b\u00fasqueda, de forma que tu imagen de marca resulte coherente.<\/li>\n<li><strong>Mejora la usabilidad de tu web:<\/strong> Facilita la navegaci\u00f3n al permitir que los usuarios encuentren f\u00e1cilmente tu web, mejorando as\u00ed la experiencia de usuario.<\/li>\n<li><strong>Aumenta la credibilidad:<\/strong> Contar con un favicon en tu sitio web transmite profesionalidad e influye positivamente en la percepci\u00f3n de los usuarios hacia tu web.<\/li>\n<\/ul>\n<p>Sabiendo todo esto, ya tienes una ligera idea de qu\u00e9 es un favicon y por qu\u00e9 deber\u00edas plantearte a\u00f1adir uno a tu web desde ya. \u00a1Si es que a\u00fan no lo tienes, claro! \ud83d\ude42<\/p>\n<h2><span id=\"Que_formato_de_favicon_hay_que_usar\">\u00bfQu\u00e9 formato de favicon hay que usar?<\/span><\/h2>\n<p>Cuando vayas a ponerte manos a la obra para crear favicons, es crucial entender los formatos y medidas adecuados seg\u00fan el dispositivo en el que se vayan a visualizar. Al fin y al cabo, queremos que se mantenga siempre su calidad como gr\u00e1fico.<\/p>\n<p>Por eso, debes familiarizarte con los tipos de archivos de imagen adecuados para crear tu favicon. En el pasado, solamente se pod\u00edan usar favicons en formato ICO de Windows, pero ahora varios navegadores admiten formatos de imagen est\u00e1ndar (como PNG y SVG).<\/p>\n<p>Y seguramente te estar\u00e1s preguntando: \u201c\u00bfQu\u00e9 es eso de ICO de Windows, PNG y SVG?\u201d \u00a1No te preocupes! Voy a explicarte cada uno de estos t\u00e9rminos para que no te quede ninguna duda al crear un favicon o, simplemente, para refrescarte un poco la memoria (\u00a1que siempre viene bien!\ud83d\ude05)<\/p>\n<h3><span id=\"Favicon_en_ICO_de_Windows\">Favicon en ICO de Windows<\/span><\/h3>\n<p>Se trata del formato m\u00e1s com\u00fan para favicon debido a la disponibilidad de bibliotecas de archivos ICO Windows que cuentan con una gran variedad de favicons gratuitos ya dise\u00f1ados.<\/p>\n<p>El archivo ICO es especialmente \u00fatil para un icono de 32 p\u00edxeles. Una de las principales ventajas es que es compatible con todos los navegadores y permite a\u00f1adir im\u00e1genes de varios tama\u00f1os en un \u00fanico archivo.<\/p>\n<p>Adem\u00e1s, crear un favicon ICO permite dimensionar y escalar la imagen sin depender del navegador. Incluso cuando se guardan otros tipos de archivos, los navegadores suelen preferir mostrar la versi\u00f3n ICO.<\/p>\n<h3><span id=\"Favicon_en_PNG\">Favicon en PNG<\/span><\/h3>\n<p>El formato PNG es muy popular y puede usarse como favicon sin necesidad de conocimientos t\u00e9cnicos o de dise\u00f1o gr\u00e1fico. Est\u00e1 recomendado para aquellos que desean tener alta calidad en sus im\u00e1genes originales y gr\u00e1ficos y, adem\u00e1s, es ideal para crear un favicon transparente.<\/p>\n<h3><span id=\"Favicon_en_SVG\">Favicon en SVG<\/span><\/h3>\n<p>El formato SVG para favicon destaca por su ligereza. Crea im\u00e1genes de alta calidad sin afectar al rendimiento o a la velocidad de carga del sitio web. Es compatible con la gran mayor\u00eda de navegadores como Microsoft Edge, Mozilla Firefox y Opera.<\/p>\n<p>Y estos son los formatos de favicon m\u00e1s frecuentes, pero aqu\u00ed no queda la cosa. Sigue leyendo, que te dar\u00e9 la clave de c\u00f3mo hacer un favicon \ud83d\ude42<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-9379 aligncenter\" src=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/07\/anadir-favicon-300x118.jpg\" alt=\"a\u00f1adir favicon\" width=\"859\" height=\"338\" title=\"\" srcset=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/07\/anadir-favicon-300x118.jpg 300w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/07\/anadir-favicon-768x302.jpg 768w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/07\/anadir-favicon-700x275.jpg 700w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/07\/anadir-favicon.jpg 865w\" sizes=\"(max-width: 859px) 100vw, 859px\" \/><\/p>\n<h2><span id=\"Que_tamano_de_favicon_es_el_correcto\">\u00bfQu\u00e9 tama\u00f1o de favicon es el correcto?<\/span><\/h2>\n<p>Con respecto al tama\u00f1o de los favicons, es com\u00fan que tengan dimensiones de 16&#215;16 p\u00edxeles o 32&#215;32 p\u00edxeles, aunque tambi\u00e9n pueden ser de 96&#215;96 p\u00edxeles para adaptarse a pantallas de alta resoluci\u00f3n.<\/p>\n<p>Sin embargo, los navegadores suelen mostrar los favicons en diferentes tama\u00f1os seg\u00fan el contexto, por lo que es recomendable crear versiones del favicon en m\u00faltiples tama\u00f1os para una mejor compatibilidad y visualizaci\u00f3n en diferentes dispositivos.<\/p>\n<p>Veamos los distintos tama\u00f1os de favicon seg\u00fan el dispositivo en el que se vayan a ver:<\/p>\n<ul>\n<li><strong>16&#215;16 p\u00edxeles: <\/strong>Al dise\u00f1ar un icono para favicon, debes considerar que el tama\u00f1o m\u00e1s utilizado es de 16&#215;16 p\u00edxeles. A pesar de que este formato de favicon sea diminuto, proporciona muchas ventajas al mostrar el icono en cualquier parte del sitio web, en la barra de b\u00fasqueda o en el navegador.<\/li>\n<li><strong>32&#215;32 p\u00edxeles:<\/strong> Esta medida de favicon es perfecta para quienes desean promocionar contenido en una barra de tareas o en su sitio web. Adem\u00e1s, se adapta f\u00e1cilmente a Mac iOS y Safari, ya que es el tama\u00f1o est\u00e1ndar de la secci\u00f3n \u201cLeer m\u00e1s tarde\u201d de este navegador.<\/li>\n<li><strong>72&#215;72 p\u00edxeles: <\/strong>Pese a que los favicons tradicionales de 16&#215;16 p\u00edxeles eran un formato universal, la aparici\u00f3n de nuevas tecnolog\u00edas y dispositivos ha ampliado las opciones de medidas. Si quieres llegar a usuarios con dispositivos m\u00f3viles o iPads, es fundamental contar con un tama\u00f1o de favicon de 72&#215;72 p\u00edxeles.<\/li>\n<li><strong>96&#215;96 p\u00edxeles:<\/strong> Para captar la atenci\u00f3n de los usuarios de Google TV, es recomendable usar un favicon m\u00e1s grande, de 96&#215;96 p\u00edxeles, para evitar que distorsione o pierda calidad al mostrarse en una resoluci\u00f3n m\u00e1s alta.<\/li>\n<li><strong>114&#215;114 p\u00edxeles:<\/strong> Este tama\u00f1o de favicon es perfecto para usuarios de la \u00faltima versi\u00f3n del iPhone. Debido a que los iconos de las aplicaciones son mucho m\u00e1s grandes y la pantalla retina ha duplicado su tama\u00f1o, es clave usar un tama\u00f1o de favicon que no pierda calidad o se vea pixelado.<\/li>\n<li><strong>128&#215;128 p\u00edxeles:<\/strong> Estas dimensiones m\u00e1s grandes de favicon est\u00e1n pensadas para aquellos que desean promover su sitio web mediante Google Chrome Web Store.<\/li>\n<li><strong>198&#215;198 p\u00edxeles:<\/strong> Este tama\u00f1o de favicon no suele ser muy com\u00fan, ya que est\u00e1 enfocado para quienes quieren captar la atenci\u00f3n de usuarios que utilizan el navegador Opera o la funci\u00f3n Opera Speed Dial.<\/li>\n<\/ul>\n<p>Ahora ya conoces todos los formatos y tama\u00f1os habidos y por haber y ya est\u00e1s casi listo para comenzar a crear un favicon. Pero ojo, no te pierdas lo siguiente que te voy a explicar si no quieres tener problemas (ya de primeras) con tu favicon \ud83d\ude09<\/p>\n<h2><span id=\"Que_debe_tener_un_buen_favicon\">\u00bfQu\u00e9 debe tener un buen favicon?<\/span><\/h2>\n<p>Antes de empezar a crear tu favicon, es crucial que conozcas las caracter\u00edsticas que debe tener s\u00ed o s\u00ed. De este modo te aseguras su efectividad y su usabilidad.<\/p>\n<ul>\n<li><strong>Reconocible:<\/strong> Debe ser f\u00e1cilmente identificable y representar claramente la marca de tu sitio web, incluso a tama\u00f1os peque\u00f1os como 16&#215;16 p\u00edxeles.<\/li>\n<li><strong>Simple:<\/strong> Debe ser sencillo y evitar detalles innecesarios que puedan hacerlo dif\u00edcil de distinguir en tama\u00f1os muy reducidos.<\/li>\n<li><strong>Relacionado con la marca:<\/strong> Debe reflejar los colores y la identidad visual de tu marca.<\/li>\n<li><strong>Escalable:<\/strong> Debe adaptarse bien a diferentes tama\u00f1os, desde 16&#215;16 p\u00edxeles o 32&#215;32 p\u00edxeles o m\u00e1s, seg\u00fan las necesidades del dise\u00f1o y la plataforma.<\/li>\n<li><strong>Legible:<\/strong> Si tiene texto, este debe ser comprensible incluso en tama\u00f1os peque\u00f1os y en diferentes fondos de color.<\/li>\n<li><strong>Compatible:<\/strong> Debe estar en el formato adecuado (.ico) para garantizar la compatibilidad con todos los navegadores y sistemas operativos.<\/li>\n<li><strong>Optimizado:<\/strong> Debe estar optimizado para que la p\u00e1gina web tenga un buen rendimiento de carga.<\/li>\n<\/ul>\n<h2><span id=\"4_ejemplos_de_favicon_en_sitios_web\">4 ejemplos de favicon en sitios web<\/span><\/h2>\n<p>Ahora que has llegado hasta aqu\u00ed, puede ser \u00fatil que te ense\u00f1e algunos ejemplos para que te hagas una m\u00ednima idea de las diversas opciones de favicon que ver\u00e1s en las p\u00e1ginas web de grandes marcas.<\/p>\n<p>Pero antes de avanzar con esto, y por si no est\u00e1s al tanto de ciertos t\u00e9rminos de dise\u00f1o gr\u00e1fico, te explico r\u00e1pidamente y de forma clara en qu\u00e9 se basan.<\/p>\n<ul>\n<li><strong>Logotipo:<\/strong> Solo tiene la tipograf\u00eda de la marca.<\/li>\n<li><strong>Isotipo:<\/strong> Consta de un simple icono.<\/li>\n<li><strong>Imagotipo:<\/strong> Es la combinaci\u00f3n de logotipo e isotipo.<\/li>\n<li><strong>Isologo:<\/strong> Junta una parte gr\u00e1fica con otra de texto. Por ejemplo, los isologos de BWW o Burguer King.<\/li>\n<\/ul>\n<p>Por lo tanto, al dise\u00f1ar la identidad de tu marca, es muy importante tener estos conceptos en cuenta para poder adaptarla a cualquier tipo de dispositivo.<\/p>\n<p>\u00a1Ahora, vamos al salseo!<\/p>\n<p>He recopilado algunas marcas reconocidas que utilizan favicons en sus p\u00e1ginas web. \u00bfTe gustar\u00eda ver c\u00f3mo son?<\/p>\n<p>\u00a1Veamos! \ud83e\udd17<\/p>\n<h3><span id=\"Favicon_de_LucusHost\">Favicon de LucusHost<\/span><\/h3>\n<p>Como no pod\u00eda ser de otra manera, <strong><a href=\"https:\/\/www.lucushost.com\/\">el favicon de LucusHost<\/a><\/strong>. Si nos sigues desde hace tiempo, reconoces nuestro logo, \u00bfverdad? Contamos con un \u201cimagotipo\u201d. En este caso, consiste en las iniciales del nombre de la marca junto con la tipograf\u00eda.<\/p>\n<p>Da mucho juego, ya que se puede descomponer por partes para utilizar una u otra. Como puedes ver en la imagen, para el icono del favicon de LucusHost usamos las iniciales.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-9399 aligncenter\" src=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/07\/Favicon-de-LucusHost-300x73.png\" alt=\"Favicon de LucusHost\" width=\"764\" height=\"186\" title=\"\" srcset=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/07\/Favicon-de-LucusHost-300x73.png 300w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/07\/Favicon-de-LucusHost-768x188.png 768w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/07\/Favicon-de-LucusHost-1000x245.png 1000w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/07\/Favicon-de-LucusHost-700x171.png 700w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/07\/Favicon-de-LucusHost.png 1002w\" sizes=\"(max-width: 764px) 100vw, 764px\" \/><\/p>\n<h3><span id=\"Favicon_de_WordPressorg\">Favicon de WordPress.org<\/span><\/h3>\n<p>Otro ejemplo de favicon que quiero mostrarte es el de WordPress.org. Si eres un usuario fiel de este <a href=\"https:\/\/www.lucushost.com\/blog\/gestor-de-contenidos\/\">gestor de contenidos<\/a> tan popular, habr\u00e1s visto una y mil veces su isotipo tan reconocido que consta de una \u201cW\u201d.<\/p>\n<p>Gracias a su simplicidad, ayuda mucho al utilizarlo como icono de favicon.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-9410 aligncenter\" src=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/07\/Favicon-de-WordPress.org_-300x57.png\" alt=\"Favicon de WordPress.org\" width=\"775\" height=\"147\" title=\"\" srcset=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/07\/Favicon-de-WordPress.org_-300x57.png 300w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/07\/Favicon-de-WordPress.org_-768x145.png 768w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/07\/Favicon-de-WordPress.org_-700x133.png 700w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/07\/Favicon-de-WordPress.org_.png 787w\" sizes=\"(max-width: 775px) 100vw, 775px\" \/><\/p>\n<h3><span id=\"Favicon_de_Elementor\">Favicon de Elementor<\/span><\/h3>\n<p>\u00bfAlguna vez te has fijado en el favicon de <a href=\"https:\/\/www.lucushost.com\/blog\/elementor\/\">Elementor<\/a>? Seguramente s\u00ed, sobre todo si has usado este constructor web en alguna ocasi\u00f3n.<\/p>\n<p>Como puedes ver, se trata de un imagotipo. Tiene su parte de imagen (la inicial del nombre de la marca) y la tipograf\u00eda. Al estar bien diferenciadas ambas partes, tambi\u00e9n permite descomponerlas f\u00e1cilmente para usarlo como favicon de Elementor.<\/p>\n<p>Este <a href=\"https:\/\/www.lucushost.com\/blog\/mejor-editor-para-wordpress\/\">editor visual<\/a> suele usar mucho su isotipo, no solo para el favicon, sino tambi\u00e9n para su propio merchandising.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-9405 aligncenter\" src=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/07\/Favicon-de-Elementor-300x62.png\" alt=\"Favicon de Elementor\" width=\"773\" height=\"160\" title=\"\" srcset=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/07\/Favicon-de-Elementor-300x62.png 300w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/07\/Favicon-de-Elementor-768x159.png 768w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/07\/Favicon-de-Elementor-700x145.png 700w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/07\/Favicon-de-Elementor.png 819w\" sizes=\"(max-width: 773px) 100vw, 773px\" \/><\/p>\n<h3><span id=\"Favicon_de_WooCommerce\">Favicon de WooCommerce<\/span><\/h3>\n<p>Otra p\u00e1gina web que es probable que hayas visitado en alg\u00fan momento es la de WooCommerce. Esta herramienta para tiendas online utiliza un isologo en el contenido de su web, pero si te fijas en el favicon de WooCommerce, es totalmente diferente.<\/p>\n<p>Simplemente lo han abreviado a\u00fan m\u00e1s, convirti\u00e9ndolo en un isotipo. De este modo, se puede identificar claramente la marca, sin perder calidad ni coherencia.<\/p>\n<p>WooCommerce ha tenido en cuenta estos detalles para que su identidad de marca sea f\u00e1cilmente adaptable en cualquier situaci\u00f3n.<\/p>\n<p>\u00bfC\u00f3mo lo ves? \u263a\ufe0f<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-9406 aligncenter\" src=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/07\/Favicon-de-WooCommerce-300x58.png\" alt=\"Favicon de WooCommerce\" width=\"782\" height=\"151\" title=\"\" srcset=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/07\/Favicon-de-WooCommerce-300x58.png 300w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/07\/Favicon-de-WooCommerce-1024x197.png 1024w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/07\/Favicon-de-WooCommerce-768x148.png 768w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/07\/Favicon-de-WooCommerce-700x135.png 700w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/07\/Favicon-de-WooCommerce.png 1035w\" sizes=\"(max-width: 782px) 100vw, 782px\" \/><\/p>\n<p>Como puedes ver, hay marcas que cuentan con diferentes representaciones de su branding, (logotipo, imagotipo, isotipo, isologo). Por ello, es necesario desarrollar de forma profesional la identidad corporativa de tu marca para no tener problemas con ello en un futuro.<\/p>\n<p>Ahora que has visto algunas ideas de favicons, \u00bfte gustar\u00eda aprender c\u00f3mo puedes crear uno para tu sitio web?<\/p>\n<h2><span id=\"Como_crear_un_favicon\">\u00bfC\u00f3mo crear un favicon?<\/span><\/h2>\n<p>En estos momentos, seguro que te estar\u00e1s preguntando: \u201c\u00bfTengo que ser dise\u00f1ador gr\u00e1fico para crear un favicon?\u201d<\/p>\n<p>La verdad es que no necesariamente.<\/p>\n<p>Si controlas de los programas de edici\u00f3n de im\u00e1genes como PhotoShop o Illustrator, puedes crear un icono favicon con cualquiera de ellos.<\/p>\n<p>Pero, si no, te voy a dar alguna que otra alternativa para hacer favicon. Estate atento \ud83d\ude09<\/p>\n<h3><span id=\"Como_crear_un_favicon_gratis\">\u00bfC\u00f3mo crear un favicon gratis?<\/span><\/h3>\n<p>Si tu idea es hacer un favicon gratis, en el mercado encontrar\u00e1s una gran variedad de herramientas gratuitas de dise\u00f1o con las que podr\u00e1s crear tu favicon.<\/p>\n<p>Si te resulta dif\u00edcil utilizar herramientas profesionales de dise\u00f1o (suelen ser muy completas y, por lo tanto, complicadas) y no quieres gastar ni un duro en ello, aqu\u00ed te muestro mis favoritas. Seguro que las conoces \ud83e\udd17<\/p>\n<h4><span id=\"Canva\">Canva<\/span><\/h4>\n<p>Canva es una plataforma online conocida por ofrecer una amplia variedad de plantillas que permiten a cualquier usuario crear dise\u00f1os gr\u00e1ficos sin contar con conocimientos de dise\u00f1o. Su interfaz es bastante f\u00e1cil de usar.<\/p>\n<p>Con Canva, puedes crear desde tu propio favicon hasta presentaciones e infograf\u00edas, si as\u00ed lo deseas. Adem\u00e1s, si tienes alguna imagen que te gustar\u00eda \u00ablimpiar\u00bb o retocar para mejorar su calidad (para despu\u00e9s utilizarla como favicon o para otros fines), tambi\u00e9n tienes la <a href=\"https:\/\/www.canva.com\/es_es\/funciones\/mejorar-calidad-foto\/\" rel=\"nofollow noopener\" target=\"_blank\"><strong>herramienta para corregir im\u00e1genes de Canva<\/strong><\/a>.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-9382 aligncenter\" src=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/07\/canva-300x97.png\" alt=\"canva\" width=\"892\" height=\"288\" title=\"\" srcset=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/07\/canva-300x97.png 300w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/07\/canva-1024x331.png 1024w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/07\/canva-768x248.png 768w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/07\/canva-1536x496.png 1536w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/07\/canva-700x226.png 700w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/07\/canva.png 1897w\" sizes=\"(max-width: 892px) 100vw, 892px\" \/><\/p>\n<h4><span id=\"GIMP\">GIMP<\/span><\/h4>\n<p>GIMP es una aplicaci\u00f3n muy \u00fatil para retocar, componer y modificar im\u00e1genes. Asimismo, es utilizada para la creaci\u00f3n de logotipos, favicons y cualquier tipo de gr\u00e1ficos.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-9387 aligncenter\" src=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/07\/GIMP-300x83.png\" alt=\"GIMP\" width=\"895\" height=\"248\" title=\"\" srcset=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/07\/GIMP-300x83.png 300w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/07\/GIMP-700x193.png 700w\" sizes=\"(max-width: 895px) 100vw, 895px\" \/><\/p>\n<p>Es posible que una de estas dos herramientas sea lo que buscabas pero, por si necesitas m\u00e1s opciones (m\u00e1s espec\u00edficas y sencillas incluso), quiero mostrarte otra forma de hacerlo.<\/p>\n<h2><span id=\"Como_crear_un_favicon_con_un_generador\">\u00bfC\u00f3mo crear un favicon con un generador?<\/span><\/h2>\n<p>Si est\u00e1s buscando una manera a\u00fan m\u00e1s f\u00e1cil y r\u00e1pida de crear un favicon sin fondo (o mejor dicho, de crear un favicon transparente), te recomiendo utilizar un generador de favicon.<\/p>\n<p>Aqu\u00ed tienes algunas herramientas generadoras de favicons que puedes emplear para crear un favicon gratis y, luego, subirlo a tu p\u00e1gina web.<\/p>\n<h3><span id=\"Faviconcc\">Favicon.cc<\/span><\/h3>\n<p><strong><a href=\"http:\/\/favicon.cc\" rel=\"nofollow noopener\" target=\"_blank\">Favicon.cc<\/a><\/strong> es una herramienta online para favicons que te permite cargar im\u00e1genes en formatos como jpeg, jpg, png, bmp, gif, ico y cur. Incluye un editor gr\u00e1fico con funciones b\u00e1sicas de edici\u00f3n para personalizar tus im\u00e1genes.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-9389 aligncenter\" src=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/07\/favicon.cc-300x193.png\" alt=\"favicon.cc\" width=\"661\" height=\"425\" title=\"\" srcset=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/07\/favicon.cc-300x193.png 300w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/07\/favicon.cc-1024x660.png 1024w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/07\/favicon.cc-768x495.png 768w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/07\/favicon.cc-700x451.png 700w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/07\/favicon.cc.png 1029w\" sizes=\"(max-width: 661px) 100vw, 661px\" \/><\/p>\n<h3><span id=\"Favicon_Generator\">Favicon Generator<\/span><\/h3>\n<p><strong><a href=\"https:\/\/www.favicon-generator.org\/\" rel=\"nofollow noopener\" target=\"_blank\">Favicon Generator<\/a> <\/strong>es una de las aplicaciones online m\u00e1s populares para la creaci\u00f3n de favicons. Permite im\u00e1genes en formatos gif, png y jpeg y las convierte en favicons en formato .ico para web, Android, Microsoft e iOS.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-9391 aligncenter\" src=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/07\/favicon-generator.org_-300x190.png\" alt=\"favicon-generator.org\" width=\"666\" height=\"422\" title=\"\" srcset=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/07\/favicon-generator.org_-300x190.png 300w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/07\/favicon-generator.org_-1024x648.png 1024w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/07\/favicon-generator.org_-768x486.png 768w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/07\/favicon-generator.org_-700x443.png 700w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/07\/favicon-generator.org_.png 1390w\" sizes=\"(max-width: 666px) 100vw, 666px\" \/><\/p>\n<h3><span id=\"Genfavicon\">Genfavicon<\/span><\/h3>\n<p><a href=\"https:\/\/genfavicon.com\" rel=\"nofollow noopener\" target=\"_blank\"><strong>Genfavicon<\/strong> <\/a>es una plataforma online gratuita para crear favicons. Con ella, puedes dise\u00f1ar iconos en varios tama\u00f1os y distintos formatos. Incluso proporciona una vista previa para que puedas ver el resultado.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-9392 aligncenter\" src=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/07\/Genfavicon-300x256.png\" alt=\"Genfavicon\" width=\"668\" height=\"570\" title=\"\" srcset=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/07\/Genfavicon-300x256.png 300w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/07\/Genfavicon-768x654.png 768w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/07\/Genfavicon-700x597.png 700w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/07\/Genfavicon.png 859w\" sizes=\"(max-width: 668px) 100vw, 668px\" \/><\/p>\n<h2><span id=\"Como_anadir_un_favicon_a_tu_web\">\u00bfC\u00f3mo a\u00f1adir un favicon a tu web?<\/span><\/h2>\n<p>Si has llegado hasta aqu\u00ed, es porque est\u00e1s deseando saber c\u00f3mo agregar un favicon a tu web. Si estoy en lo cierto, est\u00e1s en el lugar indicado. Te voy a ense\u00f1ar c\u00f3mo hacerlo tanto si tienes una web en WordPress como si es en HTML.<\/p>\n<p>\u00a1Sin m\u00e1s rodeos!<\/p>\n<h3><span id=\"Como_poner_un_favicon_en_WordPress\">\u00bfC\u00f3mo poner un favicon en WordPress?<\/span><\/h3>\n<p>Si tu p\u00e1gina web est\u00e1 hecha con WordPress, tranquilo. En este mismo instante, vas a aprender c\u00f3mo poner un favicon en tu web en pocos segundos. \u00a1As\u00ed que toma nota!<\/p>\n<h4><span id=\"Paso_1_Accede_al_menu_de_WordPress\">Paso 1: Accede al men\u00fa de WordPress<\/span><\/h4>\n<p>Una vez en el escritorio de WordPress, ve a la secci\u00f3n de \u201cApariencia\u201d &gt; \u201cPersonalizar\u201d.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-9413 aligncenter\" src=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/07\/favicon-wordpress.png\" alt=\"favicon wordpress\" width=\"145\" height=\"243\" title=\"\"><\/p>\n<h4><span id=\"Paso_2_Ve_a_la_Identidad_del_sitio\">Paso 2: Ve a la \u201cIdentidad del sitio\u201d<\/span><\/h4>\n<p>Cuando selecciones \u201cPersonalizar\u201d, se abrir\u00e1 una ventana tal como ves en la captura. Haz clic en el apartado \u201cIdentidad del sitio\u201d para a\u00f1adir tu favicon.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-9428 aligncenter\" src=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/07\/cambiar-favicon-wordpress-171x300.png\" alt=\"cambiar favicon wordpress\" width=\"216\" height=\"379\" title=\"\" srcset=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/07\/cambiar-favicon-wordpress-171x300.png 171w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/07\/cambiar-favicon-wordpress.png 292w\" sizes=\"(max-width: 216px) 100vw, 216px\" \/><\/p>\n<h4><span id=\"Paso_3_Anade_tu_favicon_a_Identidad_del_sitio\">Paso 3: A\u00f1ade tu favicon a \u201cIdentidad del sitio\u201d<\/span><\/h4>\n<p>Luego ver\u00e1s este panel, desde el cual puedes subir el favicon que creaste anteriormente.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-9433 aligncenter\" src=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/07\/anadir-favicon-wordpress-154x300.png\" alt=\"a\u00f1adir favicon wordpress\" width=\"225\" height=\"438\" title=\"\" srcset=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/07\/anadir-favicon-wordpress-154x300.png 154w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/07\/anadir-favicon-wordpress.png 292w\" sizes=\"(max-width: 225px) 100vw, 225px\" \/><\/p>\n<h4><span id=\"Paso_4_Comprueba_el_favicon_en_WordPress\">Paso 4: Comprueba el favicon en WordPress<\/span><\/h4>\n<p>Desde el panel de administraci\u00f3n de WordPress, elige la opci\u00f3n \u201cVisitar el sitio\u201d para poder visualizar tu web como un usuario.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-9423 aligncenter\" src=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/07\/como-poner-un-favicon-en-wordpress.png\" alt=\"como poner un favicon en wordpress\" width=\"126\" height=\"226\" title=\"\"><\/p>\n<p>Ya puedes comprobar desde el navegador si aparece tu favicon o si necesitas realizar alg\u00fan que otro ajuste para adaptarlo mejor.<\/p>\n<p>\u00a1Y listo! \u00bfA qu\u00e9 no ha sido tan dif\u00edcil? \ud83e\udd17<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-9443 aligncenter\" src=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/07\/cambiar-el-favicon-en-wordpress.png\" alt=\"cambiar el favicon en wordpress\" width=\"281\" height=\"40\" title=\"\"><\/p>\n<h3><span id=\"Como_poner_un_favicon_en_HTML\">\u00bfC\u00f3mo poner un favicon en HTML?<\/span><\/h3>\n<p>Si tu p\u00e1gina web est\u00e1 hecha en HTML, tambi\u00e9n puedes a\u00f1adir un favicon siguiendo estos pasos:<\/p>\n<h4><span id=\"Paso_1_Agrega_el_favicon_en_la_raiz_del_sitio\">Paso 1: Agrega el favicon en la ra\u00edz del sitio<\/span><\/h4>\n<p>Carga el archivo del favicon en la carpeta principal de tu directorio web. Puedes nombrarlo de una manera que sea f\u00e1cil de reconocer a simple vista.<\/p>\n<p>Por ejemplo: <em>favicon.ico<\/em><\/p>\n<h4><span id=\"Paso_2_Anade_el_enlace_al_HTML\">Paso 2: A\u00f1ade el enlace al HTML<\/span><\/h4>\n<p>En el \u201c&lt;head&gt;\u201d del HTML, es necesario que coloques la siguiente l\u00ednea de c\u00f3digo dentro de las etiquetas \u201c&lt;head&gt;\u201d y \u201c&lt;\/head&gt;\u201d.<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">&lt;link rel=\"icon\" type=\"image\/icon\" href=\"\/favicon.ico\"\/&gt;\r\n<\/pre>\n<blockquote><p><b>\u26a0\ufe0f <\/b><strong>Advertencia:<\/strong> Aseg\u00farate de ajustar la ruta \u201chref\u201d en caso de que hayas nombrado el archivo de otra forma o si se encuentra en un subdirectorio distinto.<\/p><\/blockquote>\n<h4><span id=\"Paso_3_Guarda_y_actualiza_tu_web\">Paso 3: Guarda y actualiza tu web<\/span><\/h4>\n<p>Una vez hecho esto, guarda los cambios en tu archivo HTML y carga tu sitio web para comprobar que el favicon se vea correctamente en la pesta\u00f1a del navegador.<\/p>\n<p>Ha sido pan comido, \u00bfverdad? \ud83d\ude42<\/p>\n<h2><span id=\"Ahora_ya_sabes_como_crear_un_favicon_en_tu_web\">Ahora ya sabes c\u00f3mo crear un favicon en tu web<\/span><\/h2>\n<p>A\u00f1adir un favicon a tu sitio web puede mejorar significativamente la apariencia de tu marca y la usabilidad para los usuarios, adem\u00e1s de ayudar a destacar tu p\u00e1gina web entre las dem\u00e1s que est\u00e1n abiertas en el navegador.<\/p>\n<p>Puedes crear tu favicon usando herramientas gratuitas o m\u00e1s profesionales de dise\u00f1o gr\u00e1fico como PhotoShop e Illustrator, si as\u00ed lo deseas. Incluso puedes utilizar un generador de favicons si lo prefieres.<\/p>\n<p>Al crear un favicon, es crucial considerar los elementos esenciales que deben componerlo y realizar pruebas para ajustar el dise\u00f1o, asegur\u00e1ndote de que se integre adecuadamente en cualquier dispositivo.<\/p>\n<p>Ahora dime, \u00bfya ten\u00edas un favicon en tu sitio web? \u00bfO pensabas que no era tan necesario?<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Imagina que est\u00e1s navegando por Internet y tienes un porr\u00f3n de pesta\u00f1as abiertas (como hago yo \ud83d\ude05) en tu navegador. \u00bfSabr\u00edas decir cu\u00e1l es cu\u00e1l? Pues aqu\u00ed es donde entra en juego el favicon.<\/p>\n","protected":false},"author":4,"featured_media":9307,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[44],"tags":[],"_links":{"self":[{"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/posts\/9295"}],"collection":[{"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/comments?post=9295"}],"version-history":[{"count":64,"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/posts\/9295\/revisions"}],"predecessor-version":[{"id":12265,"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/posts\/9295\/revisions\/12265"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/media\/9307"}],"wp:attachment":[{"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/media?parent=9295"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/categories?post=9295"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/tags?post=9295"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}