Loading

Crear un favicono personalizado en su sitio de Experience Cloud o sitio de Force.com

Fecha de publicación: May 1, 2026
Descripción
Acerca de los faviconos:

El icono que se muestra en la barra de direcciones / ficha del navegador o cuando la página se agrega a los favoritos se denomina favicono.
Los recursos que se pueden utilizar como favicono (icono de favorito) tienen que tener un tamaño de 16x16 y tener el formato .ico. 

Hay varias formas de especificar un favicono para un sitio web y los estándares están enumerados aquí:
1. Utilizar un valor de atributo rel definido en un perfil
2. Poner el favicono en el URI predefinido en la ruta raíz.

Las solicitudes de faviconos las envía el navegador y cómo resuelve con cualquiera de los métodos indicados anteriormente se especifica aquí:

CITA: "Si hay vínculos a faviconos PNG e ICO, los navegadores compatibles con faviconos PNG seleccionan el formato y el tamaño para utilizar de la manera siguiente. Firefox y Safari utilizarán el favicono que venga en último lugar. Chrome para Mac utilizará el favicono que tenga formato ICO, y en caso contrario el favicono de 32×32. Chrome para Windows utilizará el favicono que venga primero si es de 16×16, en caso contrario el ICO. Si ninguna de las opciones anteriormente mencionadas está disponible, ambas versiones de Chrome utilizarán el favicono que venga primero, exactamente al contrario que Firefox y Safari. De esta manera, Chrome para Mac ignorará el favicono de 16×16 y utilizará la versión de 32×32, para cambiar su tamaño a 16×16 en dispositivos no retina. Opera elegirá entre cualquiera de los iconos disponibles de forma completamente aleatoria.[33]
Solo SeaMonkey no obtiene archivos favicon.ico en la raíz del sitio web de manera predeterminada.[34]"


Cuando se crea un sitio de Force.com, el logotipo de nube predeterminado (según la marca de Salesforce) está disponible en la ruta "/favicon.ico" del sitio y no hay forma de eliminarlo.
De este modo, habrá que sustituirlo con lo que queramos que sea. 

Estos son algunos puntos adicionales a tener en cuenta con los faviconos:
 
1. Si observa un favicono incorrecto,
elimine el historial de navegación (en el menú Herramientas) para borrar la caché y el almacén del historial e inténtelo de nuevo.
 
2. Los mapas de bits, pngs, gifs, etc, no funcionarán. Debe ser un archivo .ico (un icono). También debe ser de 16x16.
 
3. Para establecer el mismo favicono para todas las páginas:
Establezca el favicono en el nivel raíz del sitio.
 
4. Para establecer un favicono diferente para cada página de un sitio:
Nota: Para algunas plantillas de comunidad Lightning obsoletas esto no es posible porque la página de inicio de sesión está separada y no puede sobreescribirse.
Ponga una etiqueta diferente en cada página, apuntando a un icono diferente. 

Para Visualforce:
<apex:page showHeader="false" >        <link REL="SHORTCUT ICON" HREF="{!URLFOR($Resource.favicon)}">        OR <link REL="SHORTCUT ICON" HREF="<site url>/resource/favicon.ico?v=2" />    .....  </apex:page>

 

Para sitios de Experience Builder:
En vez de vincular a un favicono en la marca de encabezado, agréguelo a solo esa página a través de un componente HTML o una página de Visualforce. 


Cómo generar un archivo favicon.ico del favicono que desea utilizar para estos sitios. 
  • Existe un número de generadores de faviconos disponibles en línea que convertirán su imagen al formato correcto.
  • Luego, cárguelo como un recurso estático en su organización. 
    1. Vaya a Configuración | Recursos estáticos.
    2. Haga clic en el botón Nuevo
    3. Asigne al recurso estático un nombre (por ejemplo, "SitioFavicono").
    4. Seleccione el archivo 
    5. Establezca el control de caché (para una facilidad de uso, seleccione Público)
    6. Guarde.
Esta acción permitirá que se utilice el favicono en cualquier sección donde haya que elegir un recurso estático. Esto se recomienda como la forma definitiva para muchos de los diferentes tipos de sitios. 

¿Qué ocurre si deseo que no se muestre NINGÚN favicono? ¿Cómo elimino el favicono de nube?
  • La forma más sencilla de hacer esto es cargar una imagen de icono en blanco como un recurso estático y seguir los pasos pertinentes que aparecen a continuación. 
Solución

Para un sitio de Force.com:

Asumiendo que ya tenga el dominio del sitio configurado (Configuración | Sitios | Registrar su dominio de sitio).
1. Agregue el favicono (control de caché público) como un recurso estático en la organización
2. Cree el sitio (Configuración | Sitios | Nuevo), agregue su recurso estático de favicono a "Icono favorito de sitios"
3. Guarde.

Si su sitio no está en la ruta raíz del dominio, tendrá que proporcionar un elemento de vínculo apropiado en el encabezado de página para servir como favicono personalizado: 

Ejemplo:
<link rel="shortcut icon" href="http://midominio/miruta/favicon.ico" type="image/x-icon" />

O bien puede crear un sitio inactivo en la ruta raíz y agregar el favicono a esa configuración de sitio. Nota: Este será el mismo favicono para todos los sitios en rutas diferentes.

Notas:
Esto puede tardar un tiempo en funcionar adecuadamente. Una cosa a tener en cuenta es el uso de varios sitios en subdominios diferentes. Por ejemplo, un sitio en favicontesting.force.com/ cargará el favicono más rápidamente que uno en favicontesting.force.com/NotRootPath

Si está utilizando showHeader="false" en una pagina de Visualforce de sitio de Force.com, el parámetro "Icono favorito de sitio" se ignorará para esa página. Tendrá que agregar manualmente el código para el icono, como uno de los ejemplos siguientes:
<apex:page showHeader="false" applyHtmlTag="false"> <head> <link rel="icon shortcut" href="{!$Resource.favicon}" /> <!-- OR --> <link rel="icon shortcut" href="{!$Site.Prefix}/favicon.ico" /> </head> </apex:page>


Para un sitio de Experience Builder:

Cosas a tener en cuenta:
  • Existe un número de maneras de establecer un favicono para un sitio de Experience Builder. Por ejemplo, podría agregar favicon.ico a la carpeta Assets de su sitio de Experience Cloud en Site.com Studio y hacer referencia a ese archivo en vez de al "Icono favorito de sitio" que debe estar en: "/ + <ruta de sitio> + <ruta de activo>" 
Ejemplo en este caso: 
<link rel="shortcut icon" href="/customers/s/favicon.ico">
  1. En primer lugar, es necesario garantizar que los sitios están habilitados en la organización: 
    1. Vaya a Configuración | Experiencias digitales | Configuración
    2. Seleccione Activar Experiencias digitales 
    3. Registre el dominio
  2. A continuación, en Configuración | Experiencias digitales | Todos los sitios, cree un nuevo sitio, seleccione la plantilla y elija si darle un subdominio o no.

Luego, realice estos pasos para agregar el favicono al sitio:
1. Agregue el favicono (control de caché público) como un recurso estático en la organización
2. Cree el sitio y asegúrese de que la plantilla esté completamente actualizada
3. Vaya a Espacios de trabajo de Experiencia | Administración | Páginas | Force.com.
4. Haga clic en Modificar. Agregue su recurso estático de favicono a "Icono favorito de sitio" y luego guarde.
5. En Experience Builder, vaya a Configuración | Avanzada | Modificar marca de encabezado. 
6. Agregue lo siguiente: <link rel="shortcut icon" href="<SITE>/favicon.ico?v=2" /> 
Nota: Esto funciona ya que agregar el icono de favorito en Force.com agrega el recurso estático como el favicono con un nombre favicon.ico en la parte raíz del sitio.
Por ejemplo: Una comunidad con /identity significa que el favicono está en /identity/favicon.ico.
?v=2 garantiza que está actualizado y al día.
<SITE> sería la URL del sitio. Por ejemplo, lo que diga cualquier valor de URL en Configuración | Experiencias digitales @ Todos los sitios. 
7. Guarde
8. Publique el sitio en Experience Builder, y publique también los cambios en Site.com Studio (Experiencia Espacios de trabajo | Administración | Páginas | Site.com) 

Ahora debería ver que el favicono está visible en todas las páginas.


Nota: Para plantillas de comunidad Lightning obsoletas (por ej. la plantilla Aloha), no es posible establecer el favicono en la página de inicio de sesión. No obstante, existe una solución que podría ayudar. 

Si crea un sitio en la ruta raíz del dominio, luego establece el "Icono favorito de sitio", guarda, publica y luego desactiva el sitio, el favicono podría utilizarse para la página de inicio de sesión del sitio activo. 


Para un sitio de fichas + Visualforce:
1. Agregue el favicono (control de caché público) como un recurso estático en la organización
2. Cree el sitio y asegúrese de que la plantilla esté completamente actualizada
3. Vaya a Espacios de trabajo | Administración | Páginas | Force.com.
4. Haga clic en Modificar. Agregue su recurso estático de favicono a "Icono favorito de sitio".
5. Guarde.

Nota: Su organización solo admite un favicono para páginas de espacio de trabajo: el que está asignado al sitio que utiliza la URL raíz, no un sitio con un prefijo. Digamos que asigna un favicono a páginas de espacio de trabajo con un prefijo raíz, y también se asigna un favicono a un sitio utilizando la URL raíz. Las páginas del espacio de trabajo que utilizan el prefijo raíz muestran el favicono asignado al sitio que utiliza la URL raíz.
Número del artículo de conocimiento

000383315

 
Cargando
Salesforce Help | Article