google Archivi - Alessandro Albergo

Aggiungere Favicon (icona – logo) sul sito web

Alessandro Albergo — Tue, 06 Apr 2021 05:10:24 +0000

Stai cercando una guida per impostare la Favicon (la tua icona) sulle tab del Browser per il tuo sito web ? Sei nel posto giusto per imparare a farlo in pochi minuti !

Cosa è la Favicon di un sito web ?

La Favicon, è quel logo che vedi sulla tab del tuo browser quando navighi su un sito web :

Perchè dovresti averne una ?

Perchè le favicon non sono direttamente responsabili dell’ottimizzazione dei motori di ricerca; tuttavia sono indirettamente responsabili perché sono uno strumento importante per migliorare il posizionamento sui motori di ricerca. Una favicon ( icona ) ti offre un vantaggio rispetto ad un sito web che non ne utilizza una.

Quindi ora che abbiamo capito l’importanza, vediamo subito come procedere per poterne creare una in maniere semplice:

Come primo passo, procurati il tuo logo, e ridimensionalo con le dimensioni 32×32 px (dimensione consigliata ).

Ora inserisci la favicon “logo.png” (il nome non è importante) in una nuova cartella (che chiameremo IMG per convenzione) all’interno del progetto del tuo sito.

Adesso andiamo ad inserire nel tag “” del tuo sito (che di solito è la prima parte che dovresti trovare nel codice ) la seguente stringa:

Bene adesso ricaricando la pagina dovresti vedere la tua icona su ogni tab che raffiguri il tuo sito web.

Invece come inserisco la Favicon per il sito web in WordPress ?

Niente di più facile! Andiamo sul nostro sito in WordPress , effettuiamo l’accesso e cliccando personalizza, vedremo la voce denominazione del sito all’interno del menù, che ci permetterà di impostare la nostra favicon .

Ora non ti resta che caricare il logo da te creato e ridimensionarlo nel passaggio successivo (se dovesse esserci il bisogno) con WordPress .

Come vedi per WordPress è davvero molto facile! Ora potrai impostare la tua icona personalizzata sul tuo sito web!

È stato utile l’articolo?

Lasciamo un commento per farmelo sapere

L'articolo Aggiungere Favicon (icona – logo) sul sito web proviene da Alessandro Albergo.

Estensioni Chrome e Firefox per il Web

Alessandro Albergo — Fri, 02 Apr 2021 04:39:51 +0000

Stai cercando qualche estensione per Google Chrome o Firefox che renda più facile il tuo sviluppo Web ?

Sei nel posto giusto per poter scoprire 4 strumenti fondamentali che DEVI avere nella tua cassetta degli attrezzi!

L’estensioni che sto per elencarti sono disponibili per Google Chrome e anche per Firefox.

Il primo add-on che uso quotidianamente, è ColorZilla (Chrome) – ColorZilla (Firefox) , utilissimo per identificare il colore sulle pagine Web . Con questo strumento hai la possibilità di scoprire il codice colore che ha ogni singolo elemento di un sito, crearne uno tuo e vedere la cronologia di colori usati. Uno strumento di cui non potrai più farne a meno :

Il secondo strumento molto utile che utilizzo è WhatFont (Chrome) – WhatFont (Firefox) , utilissimo per riconoscere i fonts sulle pagine web , e poter ottenere il nome esatto per poter poi scaricare lo stesso stile di scrittura scoperto:

Il terzo strumento che ti consiglio è Fake Filler (Chrome) – Fake Filler (Firefox) , ottimo in campo di testing sui form.

Utile per quando provi a riempire durante uno sviluppo i tuoi form di contatto (o altri campi) per capire se funziona tutto alla perfezione.

Non dovrai più scrivere tante volte all’interno dei campi durante il tuo sviluppo. Il plugin riconosce il form e lo riempirà con parole in latino, date casuali o numeri di telefono fake:

Ultimo ma non per ordine di importanza è uno strumento molto conosciuto, si chiama Wappalyzer (Chrome) – Wappalyzer (Firefox) , ottimo add-on per chi ama capire quali strumenti sono stati utilizzati per sviluppare un website.

Basta cliccare sulla sua icona per avere un reso-conto di tutti i plugin e librerie utilizzati. Inoltre potrai capire anche se il sito è stato sviluppato con un CMS o meno :

Adesso potrai divertirti a scoprire come è stato realizzato qualsiasi sito web e raccogliere informazioni per creare lo stile che ti piace !

È stato utile questo articolo ??

Lasciami un commento

L'articolo Estensioni Chrome e Firefox per il Web proviene da Alessandro Albergo.

Evitare Spam con Google reCAPTCHA su WordPress

Alessandro Albergo — Sun, 28 Mar 2021 07:00:36 +0000

Integrare Google reCAPTCHA su WordPress, per evitare email Spam.

Se ti infastidiscono gli spam che ti arrivano dal form di contatto del tuo sito in WordPress, sei nel posto giusto per imparare ad integrare Goolge reCAPTCHA, ed evitare email pubblicitarie che arrivano sulla tua posta elettronica.

Come primo consiglio, ti suggerisco di utilizzare (ma forse lo starai già utilizzando) il plugin Contact Form 7 .

Si presenta come un ottimo form di contatto ed è davvero personalizzabile su tutti i punti di vista.

Se hai bisogno di una guida su come utilizzarlo puoi dare un’occhiata al mio articolo; form di contatto.

Ora andiamo sul nostro plugin (lo troviamo nel menù del pannello di controllo sotto la voce contatto) e clicchiamo integrazione :

Adesso dovresti vedere nella schermata, una sezione con la scritta reCAPTCHA:

Bene , proseguiamo con “Imposta integrazione” , e dovresti vedere un form simile a questo :

Non ci resta che inserire le chiavi di Google reCAPTCHA per far si che l’ anti spam funzioni con il form di contatto.

Va bene Ale.. Ma queste chiavi di Google come le genero ? Si paga ??

Assolutamente no! Il reCAPTCHA è un servizio gratuito di Google e per generarle ti servono 5 minuti

Vediamo come fare. Clicca su questo link : reCAPTCHA (v3).

Dovresti vedere ora la Dashboard reCAPTCHA di Google , effettua l’accesso con il tuo account ( va bene anche lo stesso account che usi per Gmail ):

Ora clicca su v3 Admin Console e poi il tasto aggiungi “+” (in alto a destra) per iniziare a generare le tue chiavi :

Bene adesso diamo un nome all’etichetta (consiglio di scrivere l’indirizzo o il nome del sito, per trovarlo subito nel caso dovessimo avere più chiavi), selezioniamo reCAPTCHA v3, inseriamo il dominio e accettiamo i termini e le condizioni. Infine, clicchiamo su invia

Adesso cliccando sull’ingranaggio delle impostazioni in alto a destra, vedremo le impostazioni e il tipo di reCAPTCHA creato (in questo caso v3).

Selezioniamo la voce chiavi “reCAPTCHA v3” e si aprirà una finestra con le chiavi da copiare:

Copiamole e inseriamo la chiave pubblica nella casella dove il plugin chiede “Chiave del sito” e la chiave privata dove c’è scritto “Chiave Segreta” ( nell’integrazione di Contact Form 7 ).

Bene a questo punto dovresti vedere il tuo reCAPTCHA funzionante, noterai infatti un pulsante/badge di Google sulla destra in tutte le pagine del sito.

Quel badge è utile per i termini e le condizioni di Google e per quel che sappiamo, è obbligatorio tenerle sul sito.

Non c’è un altro modo per mostrare i termini e le condizioni ? Si può togliere il badge?

Si certo, basta utilizzare il css personalizzato. Clicchiamo su personalizza sito (il bottone che utilizzi per modificare il titolo o il logo del tuo sito web) e dove ti chiede di inserire il CSS personalizzato incolliamo questo codice:

.grecaptcha-badge { visibility: hidden; }

Nel caso tu non abbia questa opzione nel tuo tema, potrai optare per un plugin che ti permetta di aggiungere del css personalizzato, valido per tutto il sito, il suo nome è Simple Custom CSS and JS .

Ora basterà salvare le modifiche per notare che il badge sarà sparito.

Adesso ti converrà indicare nel footer gli stessi termini e condizioni di google, copia e incolla questo testo:

THIS SITE IS PROTECTED BY RECAPTCHA AND THE GOOGLE PRIVACY POLICY AND TERMS OF SERVICE APPLY.

Bene! Ora il tuo sito è protetto dagli spam!

È stato utile l’articolo ?

Lasciami un commento per farmelo sapere .

L'articolo Evitare Spam con Google reCAPTCHA su WordPress proviene da Alessandro Albergo.