{"id":8782,"date":"2024-06-03T12:09:22","date_gmt":"2024-06-03T10:09:22","guid":{"rendered":"https:\/\/www.loading.es\/blog\/?p=8782"},"modified":"2024-06-03T12:12:39","modified_gmt":"2024-06-03T10:12:39","slug":"que-es-un-favicon-y-como-lo-anado-a-mi-web","status":"publish","type":"post","link":"https:\/\/www.loading.es\/blog\/que-es-un-favicon-y-como-lo-anado-a-mi-web\/","title":{"rendered":"Qu\u00e9 es un favicon y c\u00f3mo lo a\u00f1ado a mi web"},"content":{"rendered":"\n<p>Es posible que te hayas dado cuenta que en la pesta\u00f1a de tu navegador web, hay unos peque\u00f1os iconos que identifican cada una de las pesta\u00f1as que est\u00e1n abiertas. Estas peque\u00f1as im\u00e1genes se llaman <strong>favicon<\/strong> y si quieres tener uno en tu web, puedes hacerlo sin problemas. Aqu\u00ed vamos a ver <strong>qu\u00e9 es un favicon <\/strong>exactamente y <strong>c\u00f3mo puedes a\u00f1adir uno en tu web<\/strong>, algo que es mucho m\u00e1s f\u00e1cil de lo que parece.<\/p>\n\n\n\n<div class=\"wp-block-aioseo-table-of-contents\"><ul><li><a href=\"#aioseo-que-es-un-favicon\">Qu\u00e9 es un favicon<\/a><ul><li><a href=\"#aioseo-por-que-es-importante\">Por qu\u00e9 es importante<\/a><\/li><li><a href=\"#aioseo-donde-lo-ves\">D\u00f3nde lo ves<\/a><\/li><\/ul><\/li><li><a href=\"#aioseo-como-crear-un-favicon\">C\u00f3mo crear un favicon<\/a><ul><li><a href=\"#aioseo-uso-de-generadores-de-favicons\">Uso de generadores de favicons<\/a><\/li><\/ul><\/li><li><a href=\"#aioseo-como-anadir-un-favicon-a-tu-web\">C\u00f3mo a\u00f1adir un favicon a tu web<\/a><ul><li><a href=\"#aioseo-metodo-1-anadir-el-favicon-manualmente\">M\u00e9todo 1: A\u00f1adir el favicon manualmente<\/a><\/li><li><a href=\"#aioseo-metodo-2-usar-un-cms-como-wordpress\">M\u00e9todo 2: Usar un CMS como WordPress<\/a><\/li><li><a href=\"#aioseo-metodo-3-plugins-de-wordpress\">M\u00e9todo 3: Plugins de WordPress<\/a><\/li><\/ul><\/li><li><a href=\"#aioseo-conclusion\">Conclusi\u00f3n<\/a><\/li><\/ul><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/www.loading.es\/hosting\/index.html\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" loading=\"lazy\" width=\"1000\" height=\"100\" src=\"https:\/\/www.loading.es\/blog\/wp-content\/uploads\/oferta_hostingweb.png\" alt=\"oferta para contratar hosting web\" class=\"wp-image-8039\" srcset=\"https:\/\/www.loading.es\/blog\/wp-content\/uploads\/oferta_hostingweb.png 1000w, https:\/\/www.loading.es\/blog\/wp-content\/uploads\/oferta_hostingweb-300x30.png 300w, https:\/\/www.loading.es\/blog\/wp-content\/uploads\/oferta_hostingweb-768x77.png 768w, https:\/\/www.loading.es\/blog\/wp-content\/uploads\/oferta_hostingweb-850x85.png 850w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"aioseo-que-es-un-favicon\">Qu\u00e9 es un favicon<\/h2>\n\n\n\n<p>Un favicon, que tambi\u00e9n puedes escuchar como \u00abfavorite icon\u00bb, es ese peque\u00f1o \u00edcono que ves en la pesta\u00f1a de tu navegador cuando abres una p\u00e1gina web.<\/p>\n\n\n\n<p><strong>S\u00ed, ese mini dibujo que aparece al lado del nombre del sitio.<\/strong> Este \u00edcono es muy peque\u00f1o, generalmente de 16&#215;16 p\u00edxeles, pero su impacto es grande. Aunque parezca insignificante, <strong>el favicon juega un papel importante en la identidad visual de tu sitio web<\/strong>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"aioseo-por-que-es-importante\">Por qu\u00e9 es importante<\/h3>\n\n\n\n<p>El favicon te ayuda a identificar r\u00e1pidamente tu sitio entre todas las pesta\u00f1as que puedes tener abiertas.<\/p>\n\n\n\n<p><strong>Pi\u00e9nsalo como un atajo visual<\/strong>: en lugar de leer el nombre completo del sitio, tu cerebro reconoce el peque\u00f1o \u00edcono al instante.<\/p>\n\n\n\n<p>Adem\u00e1s, cuando guardas una p\u00e1gina en tus favoritos, el <strong>favicon hace que sea m\u00e1s f\u00e1cil encontrarla<\/strong> entre la multitud de enlaces guardados.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"aioseo-donde-lo-ves\">D\u00f3nde lo ves<\/h3>\n\n\n\n<ul>\n<li><strong>Pesta\u00f1as del navegador<\/strong>: Justo al lado del nombre de la p\u00e1gina, permitiendo una identificaci\u00f3n r\u00e1pida sin necesidad de leer.<\/li>\n\n\n\n<li><strong>Marcadores<\/strong>: Cuando guardas una web en tus favoritos, el favicon aparece ah\u00ed, facilitando la b\u00fasqueda y el reconocimiento r\u00e1pido.<\/li>\n\n\n\n<li><strong>Historial del navegador<\/strong>: Facilita la identificaci\u00f3n de las p\u00e1ginas visitadas previamente, haci\u00e9ndolas m\u00e1s f\u00e1ciles de encontrar.<\/li>\n<\/ul>\n\n\n\n<p>Un favicon no solo le da un toque profesional a tu web, sino que tambi\u00e9n <strong>hace que sea m\u00e1s f\u00e1cil para tus visitantes recordar y encontrar tu p\u00e1gina<\/strong>.<\/p>\n\n\n\n<p>Es como un peque\u00f1o logo que acompa\u00f1a a tu marca en el mundo digital. <strong>Incluso en dispositivos m\u00f3viles y aplicaciones, el favicon se convierte en un elemento de reconocimiento importante<\/strong>.<\/p>\n\n\n\n<p>En definitiva, este peque\u00f1o \u00edcono contribuye significativamente a la experiencia del usuario y a la imagen de tu marca.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"aioseo-como-crear-un-favicon\">C\u00f3mo crear un favicon<\/h2>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" loading=\"lazy\" width=\"650\" height=\"402\" src=\"https:\/\/www.loading.es\/blog\/wp-content\/uploads\/disenar-favicon.jpg\" alt=\"C\u00f3mo dise\u00f1ar un favicon\n\" class=\"wp-image-8788\" srcset=\"https:\/\/www.loading.es\/blog\/wp-content\/uploads\/disenar-favicon.jpg 650w, https:\/\/www.loading.es\/blog\/wp-content\/uploads\/disenar-favicon-300x186.jpg 300w\" sizes=\"(max-width: 650px) 100vw, 650px\" \/><\/figure>\n\n\n\n<p>Crear un favicon es un proceso simple que puedes hacer utilizando varias herramientas online o desde cualquier editor de im\u00e1genes tipo Photoshop.<\/p>\n\n\n\n<p>En realidad se trata de una imagen, pero para que sea considerado como un favicon, es necesario que cumpla algunos puntos.<\/p>\n\n\n\n<p>Si quieres crear un favicon, aqu\u00ed tienes la forma de hacerlo.<\/p>\n\n\n\n<p><strong>Dise\u00f1o del \u00edcono<\/strong>:<\/p>\n\n\n\n<p>Utiliza programas como Photoshop, Illustrator o herramientas gratuitas como Canva o <a href=\"https:\/\/www.gimp.org\/\"><strong>GIMP<\/strong><\/a> para dise\u00f1ar tu favicon. El tama\u00f1o m\u00e1s com\u00fan es de 16&#215;16 p\u00edxeles, pero tambi\u00e9n se pueden usar tama\u00f1os m\u00e1s grandes como 32&#215;32 p\u00edxeles para una mejor calidad en diferentes dispositivos, pero siempre en una proporci\u00f3n de 1:1.<\/p>\n\n\n\n<p>Lo importante es que el dise\u00f1o sea claro y reconocible incluso en tama\u00f1os peque\u00f1os. Puedes aplicar la regla del <em>\u00abmenos es m\u00e1s\u00bb<\/em> ya que en los favicones, por su peque\u00f1o tama\u00f1o, no puedes a\u00f1adir muchos detalles.<\/p>\n\n\n\n<p><strong>Formato del archivo<\/strong>:<\/p>\n\n\n\n<p>Guarda tu \u00edcono en formato .ico, .png o .svg. El formato .ico es el m\u00e1s tradicional y compatible con la mayor\u00eda de los navegadores, pero los formatos .png y .svg tambi\u00e9n son muy utilizados por su calidad y flexibilidad.<\/p>\n\n\n\n<p>Hoy en d\u00eda no deber\u00edas tener problemas al usar un favicon con una extensi\u00f3n .png, pero si es as\u00ed, siempre puedes renombrarlo y a\u00f1adir el .ico a otro tipo de imagen, tal y como explicamos en este v\u00eddeo:<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Curso PrestaShop | C\u00f3mo cambiar el logotipo en PrestaShop\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/Z9kSEOFWFe0?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"aioseo-uso-de-generadores-de-favicons\">Uso de generadores de favicons<\/h3>\n\n\n\n<p>Si prefieres una soluci\u00f3n r\u00e1pida y sencilla, puedes usar <strong>generadores de favicons online<\/strong>. Estas herramientas te permiten subir tu dise\u00f1o y lo convierten al formato adecuado autom\u00e1ticamente. Solo necesitas <strong>elegir tu imagen<\/strong> y el generador se encargar\u00e1 del resto.<\/p>\n\n\n\n<p>Hay muchas opciones, por poco que busques en Google encontrar\u00e1s algunas opciones, siendo las m\u00e1s populares:<\/p>\n\n\n\n<ul>\n<li><strong>RealFaviconGenerator<\/strong> <br>RealFaviconGenerator es una de las herramientas m\u00e1s completas para generar favicons. No solo crea un archivo favicon.ico, sino que tambi\u00e9n genera los iconos necesarios para todas las plataformas y dispositivos, incluyendo iPhone, iPad, Android, y Windows 8. La herramienta te gu\u00eda a trav\u00e9s del proceso y asegura que tus favicons se vean perfectos en cualquier entorno. Puedes acceder a ella <a href=\"https:\/\/realfavicongenerator.net\/\" target=\"_blank\" rel=\"noopener nofollow\" title=\"\">en su web<\/a>.<\/li>\n\n\n\n<li><strong>Favicon.cc<\/strong> <br>Favicon.cc es un generador de favicons que tambi\u00e9n incluye una herramienta de edici\u00f3n en l\u00ednea. Puedes crear un favicon desde cero utilizando su editor de p\u00edxeles o subir una imagen para convertirla en un favicon. Es muy f\u00e1cil de usar y perfecto para quienes necesitan una soluci\u00f3n r\u00e1pida. Visita su web <a href=\"https:\/\/www.favicon.cc\/\" target=\"_blank\" rel=\"noopener nofollow\" title=\"\">aqu\u00ed<\/a>.<\/li>\n\n\n\n<li><strong>Favic-o-Matic<\/strong> <br>Favic-o-Matic te permite generar un favicon.ico est\u00e1ndar y favicons para dispositivos Apple y Android con solo unos clics. Puedes subir una imagen y el generador crear\u00e1 todos los archivos necesarios en diferentes tama\u00f1os. Adem\u00e1s, ofrece opciones avanzadas para personalizar tus favicons. Echa un vistazo <a href=\"https:\/\/favicomatic.com\/\" target=\"_blank\" rel=\"noopener nofollow\" title=\"\">en su sitio<\/a>.<\/li>\n<\/ul>\n\n\n\n<p>Estas herramientas te ayudar\u00e1n a <strong>crear un favicon sin necesidad de conocimientos t\u00e9cnicos<\/strong> o sin tener que recurrir a un editor de im\u00e1genes tipo Photoshop, que suelen ser muy complejos para realizar una tarea tan simple.<\/p>\n\n\n\n<p>Simplemente sube tu imagen y deja que el generador haga el trabajo por ti.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"aioseo-como-anadir-un-favicon-a-tu-web\">C\u00f3mo a\u00f1adir un favicon a tu web<\/h2>\n\n\n\n<p>A\u00f1adir un favicon a tu sitio web es un proceso sencillo y se puede <strong>hacer de varias maneras<\/strong>. Aqu\u00ed te mostramos c\u00f3mo hacerlo paso a paso:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"aioseo-metodo-1-anadir-el-favicon-manualmente\">M\u00e9todo 1: A\u00f1adir el favicon manualmente<\/h3>\n\n\n\n<p><strong>Sube el archivo del favicon<\/strong>: Primero, debes subir el archivo del favicon a la carpeta ra\u00edz de tu sitio web utilizando un <a href=\"https:\/\/www.loading.es\/blog\/que-es-un-ftp\/\" target=\"_blank\" rel=\"noopener\" title=\"Qu\u00e9 es un FTP\">cliente FTP<\/a> o el gestor de archivos de tu <a href=\"https:\/\/www.loading.es\/hosting\/index.html\" target=\"_blank\" rel=\"noopener\" title=\"Hosting Web en Loading\"><strong>servicio de hosting<\/strong><\/a>.<\/p>\n\n\n\n<p><strong>Modificar el c\u00f3digo HTML<\/strong>: A\u00f1ade la siguiente l\u00ednea de c\u00f3digo en la secci\u00f3n &lt; head &gt; de tu archivo HTML principal:&lt;link rel=\u00bbicon\u00bb type=\u00bbimage\/png\u00bb href=\u00bb\/ruta-al-favicon\/favicon.png\u00bb&gt;<\/p>\n\n\n\n<p>O si el archivo subido es .ico:&lt;link rel=\u00bbicon\u00bb type=\u00bbimage\/x-icon\u00bb href=\u00bb\/ruta-al-favicon\/favicon.ico\u00bb&gt;<\/p>\n\n\n\n<p>Aseg\u00farate de ajustar la ruta para que apunte al archivo de tu favicon. Es decir, que sea la URL correcta donde hayas subido el favicon, de lo contrario no lo encontrar\u00e1 y no lo mostrar\u00e1.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"aioseo-metodo-2-usar-un-cms-como-wordpress\">M\u00e9todo 2: Usar un CMS como WordPress<\/h3>\n\n\n\n<p>Si usas un gestor de contenido, como WordPress, que vamos a tomar como ejemplo por ser el m\u00e1s usado, tendr\u00e1s una forma muy sencilla de **incluir un favicon en tu web.<\/p>\n\n\n\n<p><strong>Accede al panel de administraci\u00f3n<\/strong>: Inicia sesi\u00f3n en tu panel de administraci\u00f3n de WordPress.<\/p>\n\n\n\n<p><strong>Personalizaci\u00f3n del tema<\/strong>: Ve a \u00abApariencia\u00bb y luego a \u00abPersonalizar\u00bb. Busca la opci\u00f3n \u00abIdentidad del sitio\u00bb o \u00abIcono del sitio\u00bb.<\/p>\n\n\n\n<p><strong>Sube el favicon<\/strong>: Sube tu archivo de favicon desde aqu\u00ed. WordPress se encargar\u00e1 de a\u00f1adirlo autom\u00e1ticamente a tu sitio.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" loading=\"lazy\" width=\"646\" height=\"432\" src=\"https:\/\/www.loading.es\/blog\/wp-content\/uploads\/wordpress-favicon-icono-sitio.jpg\" alt=\" wordpress favicon icono sitio \" class=\"wp-image-8784\" srcset=\"https:\/\/www.loading.es\/blog\/wp-content\/uploads\/wordpress-favicon-icono-sitio.jpg 646w, https:\/\/www.loading.es\/blog\/wp-content\/uploads\/wordpress-favicon-icono-sitio-300x201.jpg 300w\" sizes=\"(max-width: 646px) 100vw, 646px\" \/><\/figure><\/div>\n\n\n<p>En el caso de que uses PrestaShop, tambi\u00e9n es muy sencillo, puedes <a href=\"https:\/\/www.loading.es\/blog\/como-cambiar-el-logo-en-prestashop\/\" target=\"_blank\" rel=\"noopener\" title=\"Favicon en PrestaShop, como se cambia\">echarle un vistazo a este post<\/a> donde lo explicamos.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"aioseo-metodo-3-plugins-de-wordpress\">M\u00e9todo 3: Plugins de WordPress<\/h3>\n\n\n\n<p>Existen varios <strong>plugins<\/strong> que pueden facilitar <strong>a\u00f1adir un favicon a tu sitio WordPress<\/strong>, ofreciendo funciones adicionales que aseguran la compatibilidad con diferentes navegadores y dispositivos, como por ejemplo:<\/p>\n\n\n\n<p><strong>Favicon by RealFaviconGenerator<\/strong><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/www.loading.es\/blog\/wp-content\/uploads\/favicon-realfavicon.jpg\" alt=\"favicon realfavicon\" class=\"wp-image-8783\" style=\"width:650px;height:366px\" width=\"650\" height=\"366\" srcset=\"https:\/\/www.loading.es\/blog\/wp-content\/uploads\/favicon-realfavicon.jpg 650w, https:\/\/www.loading.es\/blog\/wp-content\/uploads\/favicon-realfavicon-300x169.jpg 300w\" sizes=\"(max-width: 650px) 100vw, 650px\" \/><\/figure><\/div>\n\n\n<p><a href=\"https:\/\/es.wordpress.org\/plugins\/favicon-by-realfavicongenerator\/\" target=\"_blank\" rel=\"noopener\" title=\"Plugins Favcicon para WordPress\">Este plugin<\/a> es una excelente opci\u00f3n para generar y configurar favicons que se vean bien en todas las plataformas y dispositivos.<\/p>\n\n\n\n<p>Con este plugin, puedes crear favicons optimizados para navegadores de escritorio, dispositivos m\u00f3viles y aplicaciones web en cuesti\u00f3n de segundos.<\/p>\n\n\n\n<ul>\n<li>Genera todos los iconos necesarios para diferentes navegadores y dispositivos, incluyendo iPhone, iPad, dispositivos Android y tabletas Windows 8.<\/li>\n\n\n\n<li>Facilita la creaci\u00f3n de iconos de alta resoluci\u00f3n para dispositivos iOS, como el iPhone (57&#215;57) y el iPad Retina (152&#215;152).<\/li>\n\n\n\n<li>Soporta Android Chrome y Windows 8 con un conjunto dedicado de iconos y declaraciones HTML.<\/li>\n\n\n\n<li>Se adapta a las diferentes directrices de interfaz de usuario de cada plataforma: favicons opacos para iOS, transparencia para favicons cl\u00e1sicos de escritorio y recomendaciones espec\u00edficas para Windows 8.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"aioseo-conclusion\">Conclusi\u00f3n<\/h2>\n\n\n\n<p><strong>A\u00f1adir un favicon a tu web<\/strong> es un paso sencillo que puede tener un gran impacto en la percepci\u00f3n y usabilidad de tu sitio, de hecho, es algo <strong>que tienes que hacer<\/strong> si te interesa la accesibilidad y el SEO.<\/p>\n\n\n\n<p>Ya sea que lo hagas manualmente o a trav\u00e9s de un CMS como WordPress, seguir los pasos y buenas pr\u00e1cticas descritas te asegurar\u00e1 que tu <strong>favicon se vea bien<\/strong> y funcione correctamente en todos los navegadores y dispositivos.<\/p>\n\n\n\n<p><strong>No subestimes el poder de este peque\u00f1o \u00edcono<\/strong> para mejorar la imagen y el reconocimiento de tu sitio web.<\/p>\n\n\n\n<p>Un favicon bien dise\u00f1ado y correctamente implementado puede hacer que tu p\u00e1gina se vea m\u00e1s profesional y sea m\u00e1s f\u00e1cil de recordar para tus visitantes.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/www.loading.es\/hosting\/index.html\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" loading=\"lazy\" width=\"1000\" height=\"100\" src=\"https:\/\/www.loading.es\/blog\/wp-content\/uploads\/oferta_hostingweb.png\" alt=\"oferta para contratar hosting web\" class=\"wp-image-8039\" srcset=\"https:\/\/www.loading.es\/blog\/wp-content\/uploads\/oferta_hostingweb.png 1000w, https:\/\/www.loading.es\/blog\/wp-content\/uploads\/oferta_hostingweb-300x30.png 300w, https:\/\/www.loading.es\/blog\/wp-content\/uploads\/oferta_hostingweb-768x77.png 768w, https:\/\/www.loading.es\/blog\/wp-content\/uploads\/oferta_hostingweb-850x85.png 850w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure><\/div>\n\n\n<p><\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-4 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-embed is-type-wp-embed is-provider-el-blog-de-loading wp-block-embed-el-blog-de-loading\"><div class=\"wp-block-embed__wrapper\">\n<blockquote class=\"wp-embedded-content\" data-secret=\"EZID4CEmLa\"><a href=\"https:\/\/www.loading.es\/blog\/inspiracion-disenos-web-2024\/\">Inspiraci\u00f3n de dise\u00f1os web para 2024<\/a><\/blockquote><iframe class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" style=\"position: absolute; clip: rect(1px, 1px, 1px, 1px);\" title=\"\u00abInspiraci\u00f3n de dise\u00f1os web para 2024\u00bb \u2014 El blog de Loading\" src=\"https:\/\/www.loading.es\/blog\/inspiracion-disenos-web-2024\/embed\/#?secret=PPDADrTO0P#?secret=EZID4CEmLa\" data-secret=\"EZID4CEmLa\" width=\"600\" height=\"338\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe>\n<\/div><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-embed is-type-wp-embed is-provider-el-blog-de-loading wp-block-embed-el-blog-de-loading\"><div class=\"wp-block-embed__wrapper\">\n<blockquote class=\"wp-embedded-content\" data-secret=\"Iv9Du4DKCa\"><a href=\"https:\/\/www.loading.es\/blog\/crear-pagina-web\/\">C\u00f3mo crear una p\u00e1gina web<\/a><\/blockquote><iframe class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" style=\"position: absolute; clip: rect(1px, 1px, 1px, 1px);\" title=\"\u00abC\u00f3mo crear una p\u00e1gina web\u00bb \u2014 El blog de Loading\" src=\"https:\/\/www.loading.es\/blog\/crear-pagina-web\/embed\/#?secret=z5c6gnlnwv#?secret=Iv9Du4DKCa\" data-secret=\"Iv9Du4DKCa\" width=\"600\" height=\"338\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe>\n<\/div><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-embed is-type-wp-embed is-provider-el-blog-de-loading wp-block-embed-el-blog-de-loading\"><div class=\"wp-block-embed__wrapper\">\n<blockquote class=\"wp-embedded-content\" data-secret=\"iq3kspJ7jZ\"><a href=\"https:\/\/www.loading.es\/blog\/alternativas-wix\/\">Alternativas a Wix para crear tu web<\/a><\/blockquote><iframe class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" style=\"position: absolute; clip: rect(1px, 1px, 1px, 1px);\" title=\"\u00abAlternativas a Wix para crear tu web\u00bb \u2014 El blog de Loading\" src=\"https:\/\/www.loading.es\/blog\/alternativas-wix\/embed\/#?secret=Bza6Rac9yq#?secret=iq3kspJ7jZ\" data-secret=\"iq3kspJ7jZ\" width=\"600\" height=\"338\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe>\n<\/div><\/figure>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Es posible que te hayas dado cuenta que en la pesta\u00f1a de tu navegador web, hay unos peque\u00f1os iconos que identifican cada una de las pesta\u00f1as que est\u00e1n abiertas. Estas peque\u00f1as im\u00e1genes se llaman favicon y si quieres tener uno en tu web, puedes hacerlo sin problemas. Aqu\u00ed vamos a ver qu\u00e9 es un favicon exactamente y c\u00f3mo puedes a\u00f1adir uno en tu web, algo que es mucho m\u00e1s f\u00e1cil de lo que parece.<\/p>\n","protected":false},"author":2,"featured_media":8785,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[35],"tags":[376],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.loading.es\/blog\/wp-json\/wp\/v2\/posts\/8782"}],"collection":[{"href":"https:\/\/www.loading.es\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.loading.es\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.loading.es\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.loading.es\/blog\/wp-json\/wp\/v2\/comments?post=8782"}],"version-history":[{"count":2,"href":"https:\/\/www.loading.es\/blog\/wp-json\/wp\/v2\/posts\/8782\/revisions"}],"predecessor-version":[{"id":8789,"href":"https:\/\/www.loading.es\/blog\/wp-json\/wp\/v2\/posts\/8782\/revisions\/8789"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.loading.es\/blog\/wp-json\/wp\/v2\/media\/8785"}],"wp:attachment":[{"href":"https:\/\/www.loading.es\/blog\/wp-json\/wp\/v2\/media?parent=8782"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.loading.es\/blog\/wp-json\/wp\/v2\/categories?post=8782"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.loading.es\/blog\/wp-json\/wp\/v2\/tags?post=8782"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}