TechBlogSD - Todo para WordPress y desarrollo WEB
Instrucciones de WEB y WordPress, noticias, reseñas de temas y complementos

¿Cómo agregar Favicon al sitio gratuito de Weebly?

13

Favicon (forma abreviada del icono de favoritos) es un pequeño icono que se muestra en el navegador y que ayuda a los visitantes a recordar su marca. Algunos navegadores muestran el favicon en la barra de direcciones más cercana a la URL y algunos se muestran en la pestaña más cercana al título de su página. Esta es una función profesional en Weebly y siga los pasos a continuación para agregar fácilmente favicon al sitio gratuito de Weebly sin actualizar a una cuenta Pro.

¿Cómo agregar favicon en Weebly?

Discutiremos los siguientes temas en este artículo:

  • Usando el archivo .ico para favicon sin crear una página adicional.
  • Usando PNG o JPEG o cualquier archivo de imagen con una página adicional.
  • Favicon para usuarios profesionales de Weebly.

Oferta: aloje sus sitios Weebly y WordPress en Bluehost por $ 2.95 por mes.

1 Usando el archivo ICO

Paso 1: prepara tu favicon

Debe tener una imagen de logotipo antes de agregar favicon a su sitio. Su logotipo puede estar en cualquier formato de imagen estándar como JPEG y PNG. Una vez que su logotipo esté listo, puede usar cualquiera de los generadores de favicon gratuitos disponibles en la web para convertirlo en un archivo .ico.

Uno de estos generadores de favicon es " freefavicon.com ". Vaya al sitio y seleccione su imagen para convertirla en un archivo .ico. También puede crear una versión animada agregando un texto de desplazamiento al favicon. Una vez que esté satisfecho con la vista previa de su favicon, descargue el archivo "favicon.ico" en su computadora local.

Paso 2: cargue Favicon en su sitio Weebly

Una vez que tenga su archivo .ico, vaya a su cuenta de Weebly y edite el sitio al que desea agregar un favicon. Seleccione " Editar HTML / CSS " en la pestaña "Tema" en el editor de Weebly.

¿Cómo agregar Favicon al sitio gratuito de Weebly?

Edite HTML CSS en Weebly

Haga clic en el icono "+" junto a "Activos", seleccione la opción "Cargar archivo (s)" del menú desplegable y cargue su archivo favicon.ico.

¿Cómo agregar Favicon al sitio gratuito de Weebly?

Subiendo Favicon en el sitio gratuito de Weebly

Puede ver que el nombre de su archivo aparece en "Activos" después de cargarlo.

¿Cómo agregar Favicon al sitio gratuito de Weebly?

Ver el archivo de favicon cargado en el editor de temas de Weebly

Tenga en cuenta que la imagen del archivo de favicon puede no ser visible como otras imágenes, lo que no debería ser un problema. Puede verlo al ver el sitio publicado en el navegador. Guarde sus cambios y debe proporcionar un nombre de tema para guardar, si es la primera vez que edita el tema. El enlace predeterminado de un archivo de imagen en Weebly es el siguiente:

http: //.weebly.com/files/theme/.ico

Reemplace "Nombre de su sitio" y "Nombre de imagen" con la URL de su sitio y el nombre de su archivo de favicon. Asegúrese de poder abrir esta URL de favicon en un navegador. Si esta URL no funciona, haga clic derecho en la imagen y copie la URL. Debería verse como a continuación:

https://www.weebly.com/editor/uploads/4/8/5/3/4853992/custom_themes/xxxxx/files/favicon.ico

Paso 3: vincular su favicon

Vaya a la sección "Configuración> SEO> Código de encabezado " y pegue el siguiente código:

<link rel = "icono de acceso directo” href = “Su enlace de favicon” />

Reemplace "Your Favicon Link" con la URL de su favicon.

¿Cómo agregar Favicon al sitio gratuito de Weebly?

Agregar enlace de favicon en la sección de código de encabezado de Weebly

Guarde su configuración y publique su sitio.

Nota: En lugar de agregar el código a nivel de sitio, también puede pegar el código en la sección "Código de encabezado" de cada página en "Páginas> Seleccionar página> Configuración de SEO> Código de encabezado". De esta manera, puede cargar varios favicons y vincular diferentes iconos a diferentes páginas de su sitio Weebly.

Paso 4: Pruébelo en varios navegadores

El último paso es probar su favicon abriendo su sitio en varios navegadores web como Firefox, Chrome y Edge. Verifique la claridad y busque en varios navegadores y ajuste el tamaño de su favicon si es necesario.

¿Cómo agregar Favicon al sitio gratuito de Weebly?

Compruebe Favicon en el navegador

A veces, el favicon puede tardar más en reflejarse en el navegador, puede intentar actualizar, borrar el caché o cerrar y abrir el navegador.

2 Uso de un archivo de imagen PNG o JPEG

Hoy en día, Weebly sobrescribe el archivo .ico con su imagen de favicon. Por lo tanto, es posible que el método anterior no funcione en todos los casos. En tal caso, pruebe este método. Además, si no puede crear un archivo .ico o no está interesado en modificar el tema, este método será útil.

Siga las instrucciones a continuación:

  • Cree una nueva página en la pestaña "Páginas" y asígnele el nombre que desee, por ejemplo, asígnele el nombre "favicon".
  • Arrastra y suelta un elemento "Imagen" en esa página y sube tu imagen de favicon. La imagen debe ser .png o .jpg o cualquier otro formato de imagen estándar.
  • Recuerde, no puede cargar un archivo .ICO usando el elemento de imagen. Verá un mensaje de error que muestra un tipo de archivo no válido y el archivo debe ser JPEG, GIF o PNG.
  • Publique su sitio y copie el enlace de la imagen, debería ser algo como a continuación:

http: //.weebly.com/uploads/1/3/4/0/13404245/541135_orig.png

  • Vaya a "Configuración> SEO> Código de encabezado" y pegue el siguiente código:

<link rel = “icono de acceso directo” href = “Su enlace de imagen” />

  • ¡Publique su sitio y el favicon se verá en el navegador ahora!

2.1. Ocultar página de favicon

Cualquiera puede ver su página de favicon que tendrá una imagen pequeña. Por lo tanto, es necesario ocultar esta página a los usuarios y motores de búsqueda.

  • Vaya a la pestaña "Páginas" y marque "Ocultar en la navegación" para eliminar la página de favicon del menú.
  • Vaya a "Configuración de SEO" de la página y seleccione "Ocultar esta página de los motores de búsqueda" para ocultar la página a los rastreadores de los motores de búsqueda.
  • Establezca la "Visibilidad" de la página con la contraseña del sitio para que incluso los usuarios conozcan la URL, no podrán acceder.

3 Opción Weebly Favicon para usuarios Premium

Los usuarios del plan premium pueden cargar el favicon para que su sitio luzca profesional. Weebly no le proporciona ninguna herramienta para crear su favicon ni sugiere las imágenes para su favicon. Debe preparar su propio archivo de imagen de favicon .ico con el tamaño adecuado.

3.1. ¿Cómo subir?

  • Inicie sesión en su cuenta Weebly Pro y edite el sitio en el que desea cargar favicon.
  • Vaya a la sección "General" disponible en la pestaña " Configuración " del sitio .
  • Sube tu favicon como se muestra en la imagen de abajo.
  • Publique su sitio y verifique en el navegador (puede que el favicon tarde algún tiempo en reflejarse en el navegador)

¿Cómo agregar Favicon al sitio gratuito de Weebly?

Favicon para usuarios profesionales de Weebly

Oferta: aloje sus sitios Weebly en SiteGround con un 60% de descuento.

3.2. Características de la opción Weebly Favicon

  • Simplemente cargue su archivo de imagen de favicon.
  • Weebly habilitará automáticamente el favicon para su sitio en poco tiempo.
  • Compatible con todos los navegadores como Chrome, Firefox, Edge y Safari.

Importante: cuando copia el código, las comillas pueden estar en formato curvo. Asegúrese de utilizar comillas rectas al pegar los códigos en el editor de código Weebly.

Fuente de grabación: www.webnots.com
Deja una respuesta

This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. Accept Read More