Cómo Cambiar Favicon

Tabla de contenido:

Cómo Cambiar Favicon
Cómo Cambiar Favicon

Video: Cómo Cambiar Favicon

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

El ícono del sitio, o favicon, es un detalle importante que puede hacer que su sitio se destaque en los resultados del motor de búsqueda, o simplemente darle al sitio su individualidad. El navegador muestra el favicon en la barra de direcciones justo antes de la dirección de la página.

Cómo cambiar favicon
Cómo cambiar favicon

Instrucciones

Paso 1

Elija una imagen para el futuro pictograma. Idealmente, debería ser lo más esquemático posible, con un mínimo de detalles (no olvide el tamaño diminuto del icono). En cualquier editor de gráficos, recorte y reduzca el archivo con la imagen a 16 por 16 o 32 por 32 píxeles.

Paso 2

Abra uno de los generadores de favicon en línea, por ejemplo, favicon.ru o favicon.cc. Sube tu foto y descarga el icono terminado. También puede descargar un programa generador a su computadora, por ejemplo, Icon Magic, Icon Craft, Icon Studio y aplicaciones similares. Tenga en cuenta que el archivo recién creado debe llamarse exactamente favicon.ico, sin adiciones, números, etc.

Paso 3

Vaya al panel de control de su sitio. Vaya al directorio raíz del sitio. En los sitios de ucoz, la ruta se verá así: pestaña General / Página principal / Administrador de archivos. En los sitios de WordPress, la carpeta que necesita se llama public_html. Para "Joomla!" El directorio CMS predeterminado es la carpeta de imágenes. Independientemente de la plataforma en la que se encuentre su sitio, el directorio raíz es el que almacena los archivos favicon.ico y robots.txt.

Paso 4

Reemplace el archivo favicon.ico en el directorio raíz con el nuevo que creó. Para hacer esto, elimine el archivo antiguo y cargue uno nuevo. En algunos administradores de archivos, un archivo con el mismo nombre reemplazará automáticamente al anterior. Compruebe el cambio de icono abriendo su sitio en una nueva pestaña.

Paso 5

Después de reemplazar el archivo, los navegadores mostrarán el nuevo icono. Sin embargo, si mostrar un icono en los resultados del motor de búsqueda es importante para usted, puede ir a lo seguro. Para hacer esto, especifique la ruta al archivo de favicon recién creado al robot especial Yandex. En el código html de las páginas de su sitio, debe escribir el siguiente código (sin espacios) o. Este código se escribe entre las etiquetas y.

Paso 6

Si, después de reemplazar el archivo favicon.ico, el navegador aún muestra el ícono antiguo (generalmente un ícono de plataforma preinstalado), intente borrar el caché del navegador. O simplemente abra el sitio a través de otro navegador.

Recomendado: