Creazione di un Rich Snippet Uso Weebly


Recentemente, ho fatto un sito web con Weebly ricetta. Nel corso del tempo, ho imparato di più e di più su SEO e mi resi conto che rich snippet sono stati cruciali. Oggi, vi mostrerò come utilizzare microformato per contrassegnare le loro ricette, o qualsiasi altra cosa che si desidera visualizzare Rich Snippets nei risultati di ricerca di Google. Cercherò di mantenere questo il più semplice possibile per tutti i tipi di utenti di avviare la composizione da lì sito immediatamente.

Passaggio 1: Modificare l'intestazione

In primo luogo, si vuole andare al tuo sito web Weebly e cliccare su "Modifica" nella schermata principale. Fare clic sulla scheda "Design" e fare clic su "Modifica HTML/CSS Fare clic sul tipo di intestazione utilizzato nella ricetta (Es: io ho usato noheader.html). Scorrere fino alla fine del codice HTML fino a vedere tag. È possibile utilizzare siti come schema.org per il codice rich snippet. Mentre la creazione di mio sito ricetta, ho usato il codice prima del tag.




{Content}

Fase 2: Definire il titolo

In Weebly, è necessario controllare ogni singola ricetta. Così ora le modifiche vengono salvate e andare alla pagina che si desidera creare i Rich Snippets. Cominciamo con il titolo del tuo prescrizione. . È importante utilizzare H1 e H2 tag attraverso il suo sito web, in modo che si desidera cancellare la casella Titolo e trascinare la casella 'embed code' invece volete mettere il vostro codice sarà simile a questa:

YourTitleGoesHere

Passo 3: Classificazione di ogni sezione

Ora cominciamo con gli ingredienti. Non eliminare la nuova casella di testo, da utilizzare per fare riferimento agli ingredienti elencati. Trascinare la casella 'codice embed' al di sopra o al di sotto l'elenco degli ingredienti in questo dialogo HTML, si vuole scrivere qualcosa di simile .:

Ingredienti: FirstIngredient: Quantità
SecondIngredient: Quantità
ThirdIngredient: Quantità

È ora possibile eliminare la casella di testo con gli ingredienti. Fare clic su (o le istruzioni) la vostra ricetta è molto simile agli ingredienti. Ecco il codice che ho usato per sostituirlo.

Direzioni: Scrivere le istruzioni su come fare il vostro ricetta qui.

Step 4: l'aggiunta di ulteriori funzionalità

I seguenti elementi sono tutti molto simili troppo. Tuttavia, un sacco di siti web per le ricette che vogliono queste cose frammenti arricchiva ma non c'è nessuna pagina visibile. Se nascondi qualcosa nella tua pagina, non apparirà in rich snippet. Quindi assicurarsi che nulla è nascosto, basta aggiungere alla tua pagina da visualizzare nei risultati di ricerca. Per aggiungere il tempo necessario per la vostra ricetta, si vuole aggiungere il tempo di preparazione, il tempo di cottura, il tempo totale, e la durata della vostra ricetta. Se la ricetta non deve essere 'cotto', è possibile eliminare quella sezione. L'unica parte che viene visualizzato in rich snippet è il tempo totale, il resto è quello che Google per classificare la vostra ricetta.

Tempo di preparazione: 30 min Tempo di cottura: 1 ora Tempo totale: 1 ora e 30 minuti Resa: 8 porzioni


Valutazioni e recensioni sono un po '"difficile durante l'utilizzo di Weebly, perché si deve fare ogni singola pagina. Quello che scrivi è quello che si vede. Quindi, se avete un centinaio di nuovi commenti a settimana per ogni ricetta, potrete migliorare la valutazioni e recensioni molto spesso. Se si vuole ancora aggiungere questa funzionalità al vostro sito, sono andato avanti e ha aggiunto che per voi. Questo esempio mostra una ricetta con 5.0 e 2000 commenti.

5,0 stelle basato su 2.000 visualizzazioni


Se il vostro sito ricetta così succede ad avere una sezione Nutrition Facts, questo viene mostrato per inserire la porzione, calorie per porzione e grassi per porzione.

Dose: 1 media slice Calorie per porzione: 250 Grassi per porzione: 12g


Per vedere la data di autore e la pubblicazione della vostra ricetta, si desidera che il codice per cercare qualcosa di simile. Questo esempio mostra come si dovrebbe guardare se si vuole aggiungere l'autore, data di pubblicazione, e un riassunto di ciò che state vedendo.

By TheBookOfRecipes.com Pubblicato: 5 dicembre 2014 Questa è la nostra ricetta per pecan Toased Glorene.

Passo 5: Aggiungere un'immagine

Ora, se si dispone di immagini sulla vostra pagina ricetta, si vuole sostituirlo con HTML invece di 'Picture Box'. Questa parte è un po "complicato e potrebbe richiedere un po '" in un primo momento fino a quando ci si abitua ad esso. È necessario l'immagine di essere in un luogo in linea che l'HTML è un posto per riferimento. Così ho fatto una pagina in più per tutte le mie foto e chiamato 'Images'. Posizionare le immagini in questa pagina. Si vuole nascondere la pagina di navigazione rendono questa pagina visibile solo a quelli con la password del sito, e nascondere la pagina nei motori di ricerca. Copia e incolla l'URL dell'immagine in un notebook in modo da poter fare riferimento ad esso. Ecco come si presenta:

http://www.weebly.com/uploads/3/0/5/9/30599581/1552399_orig.jpg

Ora eliminare http://www.weebly.com in modo che assomiglia a questo:

/uploads/3/0/5/9/30599581/1552399_orig.jpg

Ora tornare alla ricetta che stava lavorando. Eliminare l'immagine di quella pagina. Posizionare la casella 'codice embed' invece. Immagini Weebly hanno la possibilità di utilizzare un 'Lightbox'. Molti utenti trovano questa caratteristica utile per il tuo sito, quindi voglio condividere con voi il codice per entrambi. Se volete che il vostro sito Weebly per mostrare una sola immagine, il codice sarà simile a questa:

style =

Se si desidera è attivata la caratteristica 'Lightbox', che sarà simile a questa:

style =


Notate che ha sostituito il '/uploads/3/0/5/9/30599581/1552399_orig.jpg nel codice HTML. Questo è dove è possibile inserire l'URL dell'immagine che solo copiare e incollare nel vostro album. Una volta che tutto sembra a posto, è possibile pubblicare il vostro sito web.

Passo 6: prova le tue Rich Snippets

Ora siamo in grado di dimostrare i rich snippet markup andare strumento tester Google. Inserire l'URL della pagina che si desidera controllare rich snippet, e fare clic su 'Preview'. Esso dovrebbe essere simile a questo:

Non vedrete alcuna immagine qui, ma vedrete un riquadro grigio. Se avete commenti e giudizi, che mostrano il tempo di cottura totale. Se vedete le modifiche, poi si sa che funziona correttamente. Ci vorrà circa una settimana prima che venga visualizzato nel tuo Google Webmaster Tools. Si può richiedere sei settimane o più prima di vedere nei risultati di ricerca di Google. Quindi, essere paziente con queste cose. E 'comunque bello dire a Google come classificare le vostre ricette per migliorare il vostro SEO, quindi vi posso assicurare che è valsa la pena.

So che il processo può essere certo questa confusione. Spero che questo articolo vi aiuterà gli altri a capire come segnare il vostro sito Weebly.

(0)
(0)

Commenti - 0

Non ci sono commenti

Aggiungi un commento

smile smile smile smile smile smile smile smile
smile smile smile smile smile smile smile smile
smile smile smile smile smile smile smile smile
smile smile smile smile
Caratteri rimanenti: 3000
captcha