Sono Pazzo di Chiara Galiazzo

copertina2

Posizionamento foto all'interno di un articolo

Premessa

Per ottimizzare e favorire l'indicizzazione nei motori di ricerca è bene seguire delle accortezze nell'inserimento delle immagini all'interno di un articolo.

1 - Nome file immagine 

Prima cosa importante è il nome del file immagine. Il file immagine originario, che sia esso prelevato dal web piuttosto che dal vostro cellulare, va rinominato in maniera appropriata. Il nome file deve riassumere il contenuto dela foto. Usare il minimo necessario di termini adatti alla descrizione della foto separati da trattino centrale ("-"). 

 Chiara-Galiazzo-instagram-gatto-chitarra

Questa foto per esempio l' ho rinominata "Chiara-Galiazzo-instagram-gatto-chitarra.jpg"

Non usate spazi nei nomi file che caricate negli articoli, usate i trattini al loro posto.

"Chiara-Galiazzo" all'inizio del nome file non fatelo mai mancare (se è una foto che riguarda lei ovviamente).

 

2 - Didascalia (alternative text)

Altrettanto importante per i motori di ricerca è trovare la didascalia dell' immagine chiamata anche "alternative text". E' una descrizione che non appare a immagine caricata (appare solo in alternativa all'immagine quando di grosse dimensione per quei brevi istanti in cui si sta caricando nella pagina), ma è molto importante perchè letta dai motori di ricerca e aiuta nel posizionamento delle foto su "google immagini" ad esempio. 

La didascalia va inserita in fase di caricamento immagine nell'articolo.

Per quanto riguarda l'immagine principale dell'articolo basta riempire il campo "didascalia" nella finestra di selezione immagine come vedete qui sotto

imm1

Nelle didascalie usate gli spazi normali (non trattini). Usate tranquillamente gli stessi termini del nome file. In questo caso il file si chiamava "Chiara-Galiazzo-social-facebook.jpg" e l'ho semplicemente ricopiato sostituendo trattini con spazi normali.

Per le immagini che caricate all'interno dell'articolo invece, essendo diversa l'interfaccia di caricamento andate a riempire il campo "Alternative text" come mostrato qui sotto

imm2

 

Posizionamento immagine

Le impostazioni per il posizionamento delle immagini all'interno dell' articolo le trovate facendo click destro sull'immagine e scegliendo poi la voce "Insert/edit Image". Si apre così l' Image Manager con le impostaziioni di allineamento, margini e altre cose riguardanti la visualizzazione dell'immagine nella pagina.

 

aaa

Per posizionare la foto in questo modo selezionare "Alignement Left". Ho impostato anche i campi "margin" per avere un adeguato distanziamento dal testo circostante. esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio

 

aaa

Per posizionare la foto in questo modo selezionare "Alignement Right". esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio 1 esempio

 

aaa

 

 

 

 

Per avere il testo sotto la foto andare a capo col testo fino a farlo scendere sotto alla foto. In alternativa creare una riga vuota sopra il testo e posizionare li la foto.

 

aaa

Di default l'immagine viene inserita alle sue normali dimensioni e allineata a sinistra. Sempre nell' Image manager possiamo regolare la dimensione in cui verrà visualizzata. Alla voce "Dimension" trovate il campo della larghezza e dell'altezza con all'interno indicate le dimensioni in pixel. Se lasciate il flag "proportional" selezionato potete cambiare una delle due dimensioni e l'altra verrà automaticamente cambiata in modo da non far distorcere la foto. Ecco qui sotto una sequenza di immagini regolate dimensionalmente in maniera diversa.

aaa

aaa

aaa

aaa

aaa

E' sempre la stessa immagine alla quale abbiamo imposto larghezze diverse tenendo flaggato il campo "proportional".

 

Le foto si possono anche accostare l'una allaltra, basta inserirle di seguito come qui sotto

aaa10644719 314618402056796 2198862568256559743 o10599242 855029601176476 6398416650692078845 n

Per ottenere questo effetto ho imposto a tutte e tre le foto la stessa altezza. Importante è non dare allineamento "center" a nessuna foto altrimenti non si mettono una di seguito all'altra (l'allineamento "center" posiziona una singola foto centrata nella pagina, la successiva foto inserita viene portata a capo, come vedete un po più su nella cascata di foto con dimensioni a decrescere).

Se volete centrare un po' la composizione dovete agire nel parametro "margin" "left della prima foto come qui sotto

aaa10644719 314618402056796 2198862568256559743 o10599242 855029601176476 6398416650692078845 n

 

Per separare le foto usate i parametri "margin" su ogni foto della composizione

aaa10644719 314618402056796 2198862568256559743 o10599242 855029601176476 6398416650692078845 n

10644719 314618402056796 2198862568256559743 o

10599242 855029601176476 6398416650692078845 naaa

 

 

 

 

 

Torna in alto

Login or Register

Facebook user?

You can use your Facebook account to sign into our site.

fb iconLog in with Facebook

LOG IN