Guías/Editar tu web/Añadir un icono del sitio

Añadir un icono del sitio

Un icono del sitio, también conocido como «favicono», es un icono único que representa tu web. Con esta guía, aprenderás a añadirlo a tu sitio.

Dónde aparecen los iconos del sitio

El icono del sitio se muestra en varios lugares, entre los que se incluyen los siguientes:

  • Junto al nombre de tu sitio en el escritoriode WordPress.com.
  • En la pestaña del navegador de tus visitantes.
  • Como el icono que se utiliza cuando alguien añade tu sitio a marcadores en su navegador.
  • En los resultados de búsqueda.
  • Como icono de la aplicación en la pantalla de inicio cuando se guarda en un navegador o teléfono.

Aquí tienes varios ejemplos:

Icono del sitio (favicono) en la pestaña del navegador de un ordenador.
Icono del sitio como favicono en la pestaña del navegador de un ordenador
Icono del sitio (favicono) en el acceso directo de un dispositivo móvil.
Icono del sitio en el acceso directo de un dispositivo móvil
Pestaña del navegador y resultados de búsqueda

Incorporación del icono a tu sitio

Para subir un icono del sitio a tu sitio, sigue estos pasos:

  1. Dirígete al escritorio de tu sitio.
  2. Desplázate hasta Ajustes → General.
  3. Haz clic en el botón «Elegir un icono del sitio», junto a «Icono del sitio».
La sección «Icono del sitio» de los ajustes generales con la opción «Elegir un icono del sitio»
  1. Se abrirá el panel de medios de tu sitio, en el que puedes hacer lo siguiente:
    • Elegir una imagen de la pestaña «Biblioteca de medios».
    • Subir una nueva imagen desde la pestaña «Subir archivo», siguiendo estas normas.
  2. Después de seleccionar una imagen, haz clic en el botón «Definir como icono del sitio» de la parte inferior derecha del panel Medios.
    • Si tu imagen ya está en un formato cuadrado perfecto, se definirá como el icono de tu sitio.
    • Si no lo está, se te dará la opción de recortar la imagen (este paso no se puede omitir). Una vez que hayas seleccionado un recorte cuadrado, haz clic en el botón «Recortar imagen» para continuar.
La opción de modificar el recorte de una imagen para el icono del sitio con una vista previa a la derecha.
Recortar el icono del sitio
  1. Una vez que hayas seleccionado o recortado el icono del sitio, haz clic en el botón «Guardar cambios» en la parte inferior de la página para guardarlo.

Normas para las imágenes de iconos del sitio

El archivo de imagen del icono de tu sitio debe cumplir los siguientes criterios:

  • Relación de aspecto: sube una imagen cuadrada.
  • Dimensiones: al menos 512 x 512 píxeles.
  • Tipo de archivo: los tipos de archivo de imagen PNG y SVG son los más habituales. Se admite cualquier formato de favicono válido.

A continuación, te damos algunos consejos que puedes poner en práctica:

  1. Elige un icono sencillo. Recuerda que no tienes mucho espacio disponible.
  2. Elige un icono reconocible. Trata de encapsular tu marca en el pequeño espacio del que dispones. Si acostumbras a usar un logotipo que no es un cuadrado pequeño, intenta crear algo que evoque ese logotipo en lugar de comprimir el original en ese espacio.
  3. Usa la menor cantidad posible de texto o letras. Recuerda que el favicono es una imagen pequeña. Aunque en el logotipo habitual aparezca el nombre de tu empresa, haz que tu favicono sea simple.
  4. Ten en cuenta el color. Los diferentes navegadores web (como Google Chrome, Safari y Edge) usan paletas de colores distintas. Y, con la creciente popularidad del modo oscuro, querrás asegurarte de que tu favicono se vea bien sea cual sea el aspecto del navegador del usuario. Asegúrate de que el favicono quede bien y destaque sobre los colores de fondo blanco, gris y negro.

Eliminación del icono del sitio

Sigue estos pasos para eliminar el icono del sitio:

  1. Dirígete al escritorio de tu sitio.
  2. Desplázate hasta Ajustes → General.
  3. Haz clic en el botón «Eliminar icono del sitio» que aparece junto a «Icono del sitio», debajo de la imagen de vista previa actual.
El enlace con la etiqueta «Eliminar icono del sitio» que aparece debajo de la vista previa del icono del sitio.
Eliminar icono del sitio
Copied to clipboard!