Cómo Agregar Un Favicon

Tabla de contenido:

Cómo Agregar Un Favicon
Cómo Agregar Un Favicon

Video: Cómo Agregar Un Favicon

Video: Cómo Agregar Un Favicon
Video: Tutorial #html Como poner un favicon en tu pagina web 2024, Mayo
Anonim

Favicon (icono favorito) es un icono cuadrado de 16 píxeles que el navegador del visitante de la página del sitio muestra en la barra de direcciones. Si la página se agrega a favoritos, la imagen también se mostrará allí. Además, el favicon aparece en la lista de búsqueda de los sitios de Yandex. Todo esto en combinación puede ser muy útil para llamar la atención sobre el sitio.

Cómo agregar un favicon
Cómo agregar un favicon

Instrucciones

Paso 1

Cree un icono, cuyo enlace deberá colocarse en las páginas del sitio. Cualquier editor gráfico es adecuado para esto. Utilice un tamaño de 16 x 16 píxeles: algunos navegadores pueden manejar iconos más grandes, pero es mejor llegar a la mayor cantidad posible de internautas.

Paso 2

Guarde la imagen preparada en formato ico. Los navegadores modernos podrán entender favicons en archivos con la extensión gif, png, bmp, etc., pero para cubrir el número máximo de modificaciones del navegador, es mejor usar el formato de icono nativo de este tipo. Si su editor de gráficos no admite el formato ico, puede guardarlo, por ejemplo, en formato gif, y luego convertirlo a ico utilizando cualquiera de los servicios en línea. En la red también puede encontrar servicios que le ofrecerán un ciclo completo de creación de un icono en línea directamente en el navegador.

Paso 3

Sube el ícono al servidor de tu sitio y guárdalo en un archivo llamado favicon.ico; este nombre es entendido por todas las modificaciones del navegador de la misma manera, aunque el nombre no es importante para algunas de ellas. Si el código de la página no contiene la dirección de este archivo, los navegadores y los robots de búsqueda lo buscarán de forma predeterminada en la carpeta raíz del sitio, por lo que es mejor colocar el archivo allí.

Paso 4

Inserte etiquetas HTML en el código fuente de las páginas que indican el archivo cargado. Para Internet Explorer, esta etiqueta debería verse así:

Para otros navegadores, debe escribirse de manera diferente:

Agregue ambas líneas para garantizar la compatibilidad entre navegadores. Si el archivo se colocó en una carpeta que no sea la carpeta raíz, especifique la ruta completa a la ubicación en el atributo href. Estas líneas deben insertarse en la parte del título del documento web, es decir, entre las etiquetas y.

Recomendado: