Actualmente, ningún sitio puede prescindir de un favicon. Los iconos estándar se establecen al crear el sitio. Solo que no siempre se adaptan al usuario. El problema es que no todos los propietarios de recursos saben cómo agregar un favicon. La acción no es tan difícil. Pero el resultado le permitirá identificar el sitio entre varios otros en los resultados de búsqueda. Después de todo, las palabras clave pueden ser similares, pero el favicon no te defraudará. Es su adición la que a menudo explica la decisión del visitante de visitar el recurso.
Favicon para sitio web
Antes de que pueda poner un favicon en el sitio, debe crearlo. Para ello, puede elegir una de las opciones propuestas:
- Solicite un diseño a un diseñador.
- Cree sus propios servicios en línea en Internet.
- Crea el tuyo propio en Photoshop.
La imagen estándar se guarda con la extensión ICO. Su tamaño es conveniente elegir 16x16 píxeles. Hay tallas y más. Son necesarios cuando el usuario guarda la página en el escritorio.
A continuación, coloque la imagen en la raíz del sitio. Para hacer esto, ingrese la línea https://site.ru/favicon.ico, donde en lugar de:
- site.ru escribe el nombre de tu propio recurso;
- favicon.ico ingrese el nombre del archivo de favicon.
Para un correcto reflejo en el buscador, debes ingresar la imagen en el código. Para descargar, use la etiqueta. La cuerda se inserta en él. Hay otra opción -.
Después de eso, se instalará el logotipo diseñado. Puede verlo tanto en el sitio como en los resultados de la consulta. Hay un icono delante de la dirección del recurso.
Favicon y navegadores
Antes de agregar un favicon, debe decidir su extensión. Puede ser:
- ICO.
- SVG.
- PNG.
- APNG.
- GIF.
- JPEG.
Pero diferentes navegadores admiten diferentes extensiones. Qué navegador es fiel a qué formato de favicon, se mostrará en la siguiente tabla.
Tipo de navegador | ICO | SVG | PNG | APNG | GIF | JPEG | |
Internet Explorer | 2 | 3 | 1 | 1 | 1 | 1 | 1 |
Google Chrome | 3 | 3 | 2 | 1 | 2 | 1 | 2 |
Firefox | 2 | 1 | 2 | 2 | 2 | 3 | 3 |
Ópera | 2 | 2 | 2 | 2 | 2 | 2 | 2 |
Safari | 3 | 1 | 2 | 1 | 2 | 1 | 2 |
1 - no es compatible;
2 - no es compatible con todas las versiones;
3 - compatible con todas las versiones.
Porque muchos todavía prefieren el formato estándar. Al agregar dicho favicon, será posible no preocuparse por el tipo de navegador del cliente. Si no tiene en cuenta la edad, la profesión y otras preferencias de la audiencia antes de agregar un favicon, puede quedarse sin logotipo.
Si quieres agregar algunos favicons
A veces existe el deseo o la necesidad de agregar una imagen pequeña para cada página o crear diferentes formatos para ver en diferentes navegadores. En este caso, a la pregunta de cómo agregar un favicon estándar, debe agregar un par de trazos más.
Inscribir una inserción de favicon en la raíz del sitio es muy simple. Pero esto no es suficiente para crear múltiples extensiones. Para hacer esto, debe insertar en el código HTML, después de enmarcar la línea.
Al crear una estructura de este tipo, debe recordar que para Internet Explorerla palabra icono no es suficiente. Es necesario introducir acceso directo delante de él. En este caso, el navegador estándar responderá a la frase y al resto, solo a la última palabra.
Hay muchas preguntas en los foros sobre cómo agregar un favicon a Yandex. Si la imagen se agrega a la raíz del sitio, no es necesario registrarse. Los robots lo encontrarán por defecto.
Agregado y perdido
Sucede que todas las acciones se realizan correctamente, pero al verificar en los motores de búsqueda no hay imagen. Después de todo, lo principal no es cuánto agregar, sino cómo agregar un favicon. En Yandex. Direct, si se agrega correctamente, la moderación de imágenes demorará de 2 a 4 semanas. Durante este tiempo, el sitio se mostrará sin favicon. También vale la pena mencionar que si la posición del sitio es baja en los resultados de búsqueda, es posible que el icono no se muestre en absoluto.
Si ha pasado el tiempo y no aparece ningún icono, es posible que la extensión no coincida con el navegador. Puede comprobar la presencia de un favicon:
- para "Yandex":
- para "Google":
Después de ser reconocido por el sistema, el favicon se convertirá en una parte integral del sitio web y de la imagen de la empresa. Por lo tanto, vale la pena tratarlo con responsabilidad. Un ícono correctamente elegido y correctamente agregado se convertirá en una luz de guía para los clientes. Y esto significa un aumento en la conversión y, en consecuencia, una gran ganancia.