Semplici passi per aggiungere una barra di ricerca di Google o una casella al tuo sito web. Non è necessario avere alcuna conoscenza di codifica per seguire i passaggi seguenti. Questo metodo funziona con tutti i principali CMS come WordPress, Ghost, Drupal, Joomla,ecc.

Come aggiungere una barra di ricerca di Google al tuo sito Web

La ricerca in loco su qualsiasi sito Web è una tecnologia cruciale poiché consente agli utenti di cercare contenuti all’interno del tuo sito Web e aiuta a riorganizzare la tua strategia di contenuti per abbinare i tuoi prodotti o contenuti del blog a Il motivo per cui Google search è così popolare è che è facile da implementare ed è anche affidabile. C’è un altro motivo che la gente potrebbe piacere o odio-Annunci. Sì, Google search ha annunci. Potrebbe essere utile per le persone che cercano di monetizzare i loro siti web. Per gli altri, potrebbe essere un enorme turn-off. Se si appartiene al secondo gruppo, potrebbe essere necessario cercare motori di ricerca personalizzati alternativi come Expertrec.

Se sei su WordPress, ha una barra di ricerca predefinita che aggiunge funzionalità di ricerca di base. Ma manca in molte funzioni di ricerca desiderabili come il completamento automatico, un maggiore controllo sull’interfaccia utente di ricerca e la posizione della casella di ricerca. Gli utenti di Word press, possono scaricare la nostra estensione da questo link. Istruzioni dettagliate su come installare l’estensione WordPress sono fornite alla fine di questo blog.

Aggiungi barra di ricerca di Google per un sito web utilizzando Google ricerca personalizzata

Creazione di una ricerca personalizzato di Google che utilizza (programmabile motore di ricerca)

  1. Per creare un Programmabili Motore di Ricerca:
    1. accedi al Pannello di Controllo utilizzando il tuo Account Google (ottenere un account se non ne hai uno).
    2. Il nome del motore di ricerca verrà generato automaticamente in base agli URL selezionati. Puoi cambiare questo nome in qualsiasi momento.
    3. Seleziona la lingua del tuo motore di ricerca. Questo definisce la lingua dei pulsanti e di altri elementi di design del motore di ricerca, ma non influisce sui risultati di ricerca effettivi.
    4. Fare clic su Crea.

    Il tuo motore di ricerca di base è pronto per l’uso! Per vedere altre opzioni di configurazione, vai al Pannello di controllo. Pannello di controllo ha anche una finestra di anteprima che consente di testare e ottimizzare i risultati della ricerca.

  2. Vai a https://cse.google.co.in/cse/aggiungi ricerca Google al sito web
  3. Accedi al Pannello di controllo utilizzando il tuo account Google (ottieni un account se non ne hai uno).
  4. Il nome del motore di ricerca verrà generato automaticamente in base agli URL selezionati. Puoi cambiare questo nome in qualsiasi momento.
  5. Nella sezione Siti da cercare, aggiungi le pagine che vuoi includere nel tuo motore di ricerca. È possibile includere tutti i siti che si desidera, non solo i siti che possiedi. È possibile includere URL di interi siti o URL di singole pagine. È inoltre possibile utilizzare modelli URL. aggiungi ricerca google al sito web

Implementazione di Google search box

Una volta creato il motore di ricerca programmabile, puoi aggiungere l’elemento di ricerca programmabile al tuo sito. Per fare ciò, dovrai copiare del codice e incollarlo nell’HTML del tuo sito dove vuoi che appaia il tuo motore di ricerca.

  1. Nel Pannello di controllo, fare clic sul motore di ricerca che si desidera utilizzare.
  2. Fare clic su Imposta nella barra laterale, quindi fare clic sulla scheda Nozioni di base.
  3. Nella sezione Dettagli, fare clic su Ottieni codice. Copia il codice e incollalo nel codice sorgente HTML della tua pagina in cui desideri che appaia la barra di ricerca di Google. Clicca su ricevi codice. aggiungi ricerca google al sito web
  4. Aggiungi questo codice al tuo sito web. Se siete su Word press, è possibile utilizzare un plugin chiamato Elementor o inserire intestazioni e piè di pagina plugin che farà questo per voi. Se vuoi il posizionamento esatto, dovrai modificare il file del tema per Aspetto-> editor di temi. Se sei su un altro CMS, puoi contattare il tuo sviluppatore e chiedergli di aggiungerlo a tutte le pagine che desideri che questa barra di ricerca venga mostrata. aggiungi ricerca Google al sito web
  5. Una volta aggiunto questo codice al tuo sito web, vedrai la barra di ricerca di Google sulle pagine del tuo sito web.

Modifica dell’aspetto

In molte occasioni, ha senso far apparire una casella di ricerca indipendentemente dai risultati della ricerca. Un layout a due colonne consente di visualizzare una casella di ricerca in un’area della pagina (ad esempio nella barra laterale) e visualizzare i risultati in un’altra (ad esempio l’area principale della pagina).

Per modificare il layout del motore vai alla sezione Aspetto grafico nel Pannello di controllo e fai clic sulla scheda Layout. Dopo aver selezionato e salvato il layout a 2 colonne nel Pannello di controllo, è inoltre necessario modificare il codice HTML per l’elemento di ricerca.

Abilita completamento automatico

Oltre a personalizzare colori, font o stile di collegamento nel Pannello di controllo, è possibile influenzare l’aspetto e il comportamento della casella di ricerca tramite attributi HTML personalizzati.

Ciò consente di ignorare alcune delle impostazioni generali dal Pannello di controllo. È particolarmente utile quando si desidera che una casella di ricerca (ad esempio, una sulla home page) si comporti in modo diverso rispetto ad altre sul sito. Ad esempio, è possibile abilitare o disabilitare la funzione di completamento automatico utilizzando gli attributi. Per impostazione predefinita, è impostato su true se completamento automatico è abilitato nel Pannello di controllo. Passando il valore a false, è possibile controllare come si comporta l’elemento.

<div class="gcse-searchbox"></div><div class="gcse-searchresults" data-defaultToImageSearch="true"></div>

Personalizzazione dei risultati di ricerca

In modo simile alla personalizzazione della casella di ricerca, è possibile aggiungere ulteriori opzioni all’elemento Risultati di ricerca.

Ad esempio, per cambiare il nostro motore di ricerca da basato su webresults a basato su immagini, possiamo utilizzare l’attributo defaultToImageSearch.

Prima di tutto, è necessario abilitare la ricerca di immagini nel Pannello di controllo per il motore di ricerca. Nella sezione Impostazioni, nella scheda Nozioni di base, fare clic sull’opzione Ricerca immagini nella posizione “on”. Successivamente, aggiungi l’attributo defaultToImageSearch all’elemento <div class="gcse-searchresults"></div> sul tuo sito web.

Vantaggi dell’aggiunta di Google custom search

  • Google custom search è gratuito. Ci sono pochi motori di ricerca personalizzati che sono gratuiti.
  • Se si attiva annunci all’interno di Google ricerca personalizzata, è possibile fare soldi da AdSense.

Svantaggi dell’utilizzo della ricerca personalizzata di Google-

  • Annunci: puoi perdere i visitatori del tuo sito Web rispetto ai concorrenti.
  • Nessun controllo su ciò che viene indicizzato o quando
  • Nessun controllo dei risultati della ricerca
  • Nessun supporto
  • Opzioni minime di personalizzazione dell’interfaccia utente
  • Può essere spento o modificato in qualsiasi momento. Google è noto per uccidere i prodotti senza pietà senza considerare la base di utenti.

Anche se questo potrebbe sembrare grande per avere la ricerca di Google sul tuo sito web, non c’è pranzo libero. Google mostra annunci per coprire questo servizio. Ora dire, il tuo sito è di circa scarpe di marca X. quando la gente cerca sul tuo sito per una scarpa che avete, Google mostra un annuncio del vostro concorrente di marca Y e lo pone sopra i risultati del sito. I visitatori stanno andando a credere che si sta davvero raccomandando marca Y te stesso. Se hai intenzione di monetizzare i tuoi visitatori, questo ridurrà drasticamente il tuo reddito.

In secondo luogo, a nessuno piacciono gli annunci. A mio parere, non c’è niente come un annuncio “non intrusivo”. Ma gli annunci sono annunci e sono cattivi. Non vorrei forzare i miei visitatori a guardare gli annunci mentre stanno cercando sul mio sito web. Il metodo 2 darà una soluzione alternativa ma pagata a questo problema.

Barra di ricerca Google per il tuo sito web utilizzando Expertrec

Expertrec aggiunge una casella di ricerca simile a Google al tuo sito web. Ha un prezzo di 9 USD al mese. Il più grande vantaggio è che non contiene annunci.

Prima di iniziare a creare un motore di ricerca personalizzato utilizzando Expertrec, assicurati che il tuo sito Web sia live e non dietro un login (Se il tuo sito Web è dietro un login, segui i passaggi in questo blog). Avere il vostro URL sitemap a portata di mano. Inoltre, assicurati di avere accesso al codice al tuo sito web. Segui i passaggi seguenti.

  1. Vai a https://cse.expertrec.com/?platform=cse.
  2. Accedi con il tuo ID Gmail.
  3. Inserisci l’URL del tuo sito web. (inserisci l’URL del tuo sito web nel formato https://www.yourwebsite.som).
  4. Inserisci il tuo URL sitemap. (se non si dispone di una mappa del sito, è possibile saltare anche questo passaggio).
  5. Avvia una scansione del sito web. (Ora Expertrec crawler inizierà la scansione del tuo sito web. Questo potrebbe richiedere del tempo a seconda delle dimensioni e del numero di pagine sul tuo sito web).
  6. Una volta completata la scansione, è possibile apportare modifiche all’aspetto del motore di ricerca e anche all’algoritmo di posizionamento del motore di ricerca utilizzando il pannello di controllo. Ci sono caratteristiche più avanzate come pesi di ricerca, promozioni, sinonimi, e altro ancora. aggiungi ricerca google al sito web
  7. Vai alla sezione codice e aggiungilo al tuo sito web. Puoi anche inviare il codice al tuo sviluppatore e chiedere loro di aggiungerlo al loro sito web.
    • il codice contiene due parti ( una all’interno di <script></script>e un’altra parte di codice <ci-search></ci-search>).
    • Lo script<></script > è solo il componente JavaScript e può essere aggiunto utilizzando Google tag manager o utilizzando l’editor di codice.
    • Il codice <ci-search></ci-search> aggiunge la casella di ricerca al tuo sito web. Il luogo in cui aggiungi questo codice determina la posizione della casella di ricerca. aggiungi ricerca google al sito web
  8. Si consiglia di apportare le modifiche al codice in una modalità di test o sito web di sviluppo prima di prendere in diretta nel sito live/ produzione.
  9. Come passaggio finale, rimuovi qualsiasi cache del sito web che potresti avere.
  10. Ora il motore di ricerca del tuo sito è attivo. Dopo alcuni giorni di utilizzo dei motori di ricerca, è possibile controllare l’analisi di ricerca per verificare ciò che gli utenti stanno cercando e riorganizzare la vostra strategia di contenuti di conseguenza.

Vantaggi dell’utilizzo della barra di ricerca Expertrec

  1. Nessun annuncio. Non mostriamo mai annunci nei nostri risultati di ricerca.
  2. Piano tariffario a prezzi accessibili. – Abbiamo prezzi a partire da $9 al mese.
  3. Supporto in tempo reale per aiutarvi a prendere in diretta la ricerca sul tuo sito web-Si può essere sicuri che i risultati della ricerca non
  4. Il pieno controllo sui risultati della ricerca.

Buona ricerca. Ecco di nuovo il link di iscrizione https://cse.expertrec.com?platform=cse

Casella di ricerca Google utilizzando un plugin per siti web WordPress

Puoi anche utilizzare il seguente plugin per aggiungere una casella di ricerca Google al tuo sito WordPress.

WP Fastest Site Search wordpress plugin

Expertrec WordPress search plugin per wordpress sostituisce il widget di ricerca standard di WordPress e aggiunge funzionalità di auto-completamento, correzione ortografica, ricerca PDF, ricerca di immagini e ricerca vocale al tuo sito WordPress. Per ulteriori informazioni, visitare Expertrec.com

Questo plugin di ricerca personalizzato è altamente personalizzabile e velocissimo. Aggiunge anche filtri e pagine dei risultati di ricerca per una migliore esperienza di ricerca per i tuoi visitatori.

È possibile creare e configurare la propria interfaccia utente di ricerca WordPress senza codifica. Si prega di notare che questo è un plugin a pagamento (piani iniziano a 9$ al mese) e che si può provare una demo gratuita per 14 giorni. Tuttavia, è possibile continuare a utilizzare la funzione di ricerca vocale gratuitamente anche dopo il periodo di prova.

Questo plugin sostituisce il modulo di ricerca predefinito di WordPress. Tuttavia, per alcuni temi, l’integrazione predefinita potrebbe non funzionare. Per questi casi, dovrai aggiungere il codice < ci-search ></ci-search> nella posizione desiderata ( ad esempio, nel menu o nell’intestazione o nel piè di pagina). Si aggiunge anche la capacità di ricerca vocale al tuo sito WordPress.

Caratteristiche

  • Superveloce. (Poiché la nostra ricerca viene caricata dai nostri server super-veloci con tecnologia super caching abilitata, puoi aspettarti di offrire un’esperienza di ricerca super-veloce ai visitatori del tuo sito web).
  • Ricerca vocale gratuita. (Attualmente supportato solo nei browser Chrome).
  • Ricerca immagini. (Le immagini in primo piano vengono catturate automaticamente da ogni pagina e vengono visualizzate insieme ai risultati della ricerca).
  • Ricerca PDF. (I contenuti all’interno del PDF sono indicizzati e visualizzati all’interno dei risultati di ricerca. Gli utenti possono selezionare separatamente solo i risultati PDF utilizzando l’opzione filtro)
  • Risultati di ricerca pertinenti e migliori. (La nostra ricerca impara come gli utenti interagiscono sempre di più con il motore di ricerca, che porta a una migliore ri-ranking ).
  • Nessun annuncio. (Promettiamo di non mostrare mai annunci nei nostri risultati di ricerca).
  • Filtri di ricerca e sfaccettature. (Il nostro crawler rileva automaticamente le categorie di blog e prodotti e crea un filtro per gli utenti di mettere a punto i loro risultati di ricerca).
  • Regole del motore di ricerca personalizzato. (È possibile definire regole di ricerca personalizzate per promuovere o abbassare i risultati di ricerca).
  • Sinonimi. (È possibile impostare sinonimi aggiungendo nella nostra interfaccia facile da usare, ad esempio, mobili=divano, ecc.)
  • Controllo completo sull’interfaccia utente (nessuna codifica richiesta).
  • Configurazione semplice e veloce. (nessuna codifica richiesta).
  • Tipo veloce avanti suggerimenti di ricerca completamento automatico.
  • Corrispondenza avanzata delle parole e correzione degli errori di battitura.
  • L’algoritmo di ricerca di autoapprendimento migliora continuamente.
  • Evidenziazione del termine di ricerca.
  • Responsive-funziona su tutti i dispositivi (mobile, tablet, desktop, Android app).

Aggiungi una barra di ricerca Google al tuo sito per $9 al mese

Lascia un commento

Il tuo indirizzo email non sarà pubblicato.