TechBlogSD - Tutto per WordPress e sviluppo WEB
Istruzioni WEB e WordPress, notizie, recensioni di temi e plugin

Come aggiungere Favicon al sito Weebly gratuito?

5

Favicon (forma abbreviata di icona dei preferiti) è una piccola icona mostrata nel browser che aiuta i visitatori a ricordare il tuo marchio. Alcuni browser mostrano la favicon nella barra degli indirizzi vicino all’URL e alcuni nella scheda vicino al titolo della tua pagina. Questa è una funzionalità professionale in Weebly e segui i passaggi seguenti per aggiungere facilmente favicon al sito Weebly gratuito senza eseguire l’aggiornamento all’account Pro.

Come aggiungere Favicon in Weebly?

Discuteremo i seguenti argomenti in questo articolo:

  • Utilizzo del file .ico per favicon senza creare pagine aggiuntive.
  • Utilizzando PNG o JPEG o qualsiasi file immagine con una pagina aggiuntiva.
  • Favicon per gli utenti Weebly pro.

Offerta: ospita i tuoi siti Weebly e WordPress su Bluehost per $ 2,95 al mese.

1 Utilizzo del file ICO

Passaggio 1: prepara la tua favicon

Devi avere un’immagine del logo prima di aggiungere la favicon al tuo sito. Il tuo logo può essere in qualsiasi formato immagine standard come JPEG e PNG. Una volta che il tuo logo è pronto, puoi utilizzare uno qualsiasi dei generatori di favicon gratuiti disponibili sul web per convertirlo in un file .ico.

Uno di questi generatori di favicon è " freefavicon.com ". Vai al sito e seleziona la tua immagine per convertirla in un file .ico. Puoi anche creare una versione animata aggiungendo un testo scorrevole alla favicon. Una volta che sei soddisfatto dell’anteprima della tua favicon, scarica il file "favicon.ico" sul tuo computer locale.

Passaggio 2: carica Favicon sul tuo sito Weebly

Dopo aver ottenuto il file .ico, vai al tuo account Weebly e modifica il sito a cui desideri aggiungere una favicon. Seleziona " Modifica HTML/CSS " nella scheda "Tema" nell’editor Weebly.

Come aggiungere Favicon al sito Weebly gratuito?

Modifica HTML CSS in Weebly

Fai clic sull’icona "+" accanto a "Risorse", seleziona l’opzione "Carica file" dal menu a discesa e carica il file favicon.ico.

Come aggiungere Favicon al sito Weebly gratuito?

Caricare Favicon nel sito Weebly gratuito

Puoi vedere che il nome del tuo file è elencato in "Risorse" dopo averlo caricato.

Come aggiungere Favicon al sito Weebly gratuito?

Visualizza il file Favicon caricato nell’editor di temi Weebly

Nota che l’immagine del file favicon potrebbe non essere visibile come altre immagini, il che non dovrebbe essere un problema. Puoi visualizzarlo durante la visualizzazione del sito pubblicato sul browser. Salva le modifiche e devi fornire un nome per il tema per il salvataggio, se è la prima volta che modifichi il tema. Il collegamento predefinito di un file immagine in Weebly è il seguente:

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

Sostituisci "Nome del tuo sito" e "Nome immagine" con l’URL del tuo sito e il nome del tuo file favicon. Assicurati di poter aprire questo URL favicon in un browser. Se questo URL non funziona, fai clic con il pulsante destro del mouse sull’immagine e copia l’URL. Dovrebbe apparire come di seguito:

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

Passaggio 3: collegare la tua favicon

Vai alla sezione "Impostazioni > SEO > Codice intestazione " e incolla il seguente codice:

<link rel="icona scorciatoia” href=”Il tuo link favicon”/>

Sostituisci "Your Favicon Link" con l’URL della tua favicon.

Come aggiungere Favicon al sito Weebly gratuito?

Aggiungi il collegamento Favicon nella sezione del codice dell’intestazione di Weebly

Salva le tue impostazioni e pubblica il tuo sito.

Nota: invece di aggiungere il codice a livello di sito, puoi anche incollare il codice nella sezione "Codice intestazione" di ogni pagina in "Pagine > Seleziona pagina > Impostazioni SEO > Codice intestazione". In questo modo puoi caricare più favicon e collegare diverse icone a diverse pagine del tuo sito Weebly.

Step4: provalo su vari browser

Il passaggio finale consiste nel testare la tua favicon aprendo il tuo sito in vari browser Web come Firefox, Chrome ed Edge. Controlla la chiarezza e guarda in vari browser e regola le dimensioni della tua favicon se necessario.

Come aggiungere Favicon al sito Weebly gratuito?

Controlla Favicon nel browser

A volte potrebbe essere necessario più tempo prima che la favicon si rifletta nel browser, puoi provare ad aggiornare, svuotare la cache o chiudere e aprire il browser.

2 Utilizzo di file immagine PNG o JPEG

Al giorno d’oggi Weebly sovrascrive il file .ico con la sua immagine favicon. Quindi il metodo sopra potrebbe non funzionare in tutti i casi. In tal caso, prova questo metodo. Inoltre, se non sei in grado di creare file .ico o non sei interessato a modificare il tema, questo metodo sarà utile.

Segui le istruzioni seguenti:

  • Crea una nuova pagina nella scheda "Pagine" e chiamala come vuoi, ad esempio, chiamala "favicon".
  • Trascina e rilascia l’elemento "Immagine" in quella pagina e carica la tua immagine favicon. L’immagine deve essere .png o .jpg o qualsiasi altro formato immagine standard.
  • Ricorda, non puoi caricare file .ICO utilizzando l’elemento immagine. Verrà visualizzato un messaggio di errore che mostra un tipo di file non valido e il file deve essere un JPEG, GIF o PNG.
  • Pubblica il tuo sito e copia il link dell’immagine, dovrebbe essere qualcosa come di seguito:

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

  • Vai su "Impostazioni> SEO> Codice intestazione" e incolla il codice seguente:

<link rel=”icona scorciatoia” href=”Link immagine”/>

  • Pubblica il tuo sito e la favicon verrà visualizzata nel browser ora!!!

2.1. Nascondere la pagina Favicon

Chiunque può vedere la tua pagina favicon che avrà una piccola immagine. Quindi, è necessario nascondere questa pagina agli utenti e ai motori di ricerca.

  • Vai alla scheda "Pagine" e seleziona "Nascondi nella navigazione" per rimuovere la pagina favicon dal menu.
  • Vai su "Impostazioni SEO" della pagina e seleziona "Nascondi questa pagina dai motori di ricerca" per nascondere la pagina dai crawler dei motori di ricerca.
  • Imposta la “Visibilità” della pagina con la password del sito in modo che anche gli utenti conoscano l’ URL, non potranno accedervi.

3 Opzione Weebly Favicon per utenti Premium

Gli utenti del piano Premium possono caricare la favicon per rendere il loro sito dall’aspetto professionale. Weebly non ti fornisce alcuno strumento per creare la tua favicon né suggerisce le immagini per la tua favicon. Devi preparare il tuo file immagine favicon .ico con le dimensioni appropriate.

3.1. Come caricare?

  • Accedi al tuo account Weebly Pro e modifica il sito in cui desideri caricare la favicon.
  • Vai alla sezione "Generale" disponibile nella scheda " Impostazioni " del sito .
  • Carica la tua favicon come mostrato nell’immagine qui sotto.
  • Pubblica il tuo sito e controlla nel browser (potrebbe volerci del tempo prima che la favicon si rifletta nel browser)

Come aggiungere Favicon al sito Weebly gratuito?

Favicon per utenti Weebly Pro

Offerta: ospita i tuoi siti Weebly su SiteGround con il 60% di sconto.

3.2. Caratteristiche dell’opzione Weebly Favicon

  • Carica semplicemente il tuo file immagine favicon.
  • Weebly abiliterà automaticamente la favicon per il tuo sito in breve tempo.
  • Supportato in tutti i browser come Chrome, Firefox, Edge e Safari.

Importante: quando copi il codice, le virgolette potrebbero essere in formato curly. Assicurati di utilizzare virgolette semplici quando incolli i codici nell’editor di codice Weebly.

Fonte di registrazione: www.webnots.com
Lascia una risposta

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