Scegliere i Colori di un Sito Partendo da una Foto

Scritto da yuri in webmaster | il 05.09.2008 alle 07:29

Se c’è una fotografia o immagine che vi trasmette particolari emozioni è possibile far sì che i colori diventino quelli del vostro sito o blog, niente di complicato.

immagine-per-colori-sito

Questo non si rileva soltanto utile per un gusto personale, ma anche per trasmettere particolari emozioni al pubblico del sito vedi la teoria del colore.

Per trasformare i colori dell’immagine dell’occhio di firefox nei colori del vostro sito o blog ecco come fare con photoshop:

  • Selezionare una singola riga dove ci sono tutti i colori con lo strumento strumento selezione singola riga.
  • Selezionata la riga premere ctrl+t (trasforma) e trascinare la riga fino il limite inferiore o superiore dell’immagine.

immagine-per-colori-sito-trasformata

  • Adesso con lo strumento contagocce è sufficiente selezionare i colori partendo da destra o sinistra, indifferentemente, cliccare sul colore e copiare il codice hex del colore che sarà formato così: #c23f03 (copiare anche l’asterisco).

Adesso il codice hex dei colori è “sufficiente” scegliere in che posizione metterlo e copiarlo nel foglio di stile (CSS) oppure rispettare la disposizione della fotografia. Il sito ispirato alla fotografia dell’occhio di firefox avrà il color carne nell’header e footer (in alto ed in basso), lo sfondo bianco, il testo blu, arancio o giallo ed il colore dei link arancio, giallo o blu…un colpo nell’occhio :) .

Termini utilizzati:, , , , , ,

Delle Icone per i Feed Molto Originali

Scritto da yuri in webmaster | il 03.09.2008 alle 07:13

Durante la costruzione di un sito o quando si vuole fare un restiling grafico i dettagli danno il tocco d’originalità e possono fare la differenza, ecco delle icone per i feed RSS di un sito o blog molto originali e belle.

icona-feed-rss-originale

Come potete vedere dall’immagine l’icona per i feed non è per niente scontata ed è solo la prima che mi è capitata sott’occhio, ci sono davvero icone di rss per tutti i gusti, dalle bottigliette ai telefoni, normali, 3D, cartelli stradali, e molte altre.

Il sito non fateci caso ma è in russo, tanto occorre solo vedere le icone e scaricarle, qui trovate RSSicons.

Termini utilizzati:, , , ,

Eliminare il Contenuto Duplicato in Wordpress

Scritto da yuri in webmaster | il 05.08.2008 alle 07:33

Il contenuto duplicato compromette il posizionamento nella serp, ecco come fare a eliminare il contenuto duplicato in un sito o blog basato su wordpress per avere un posizionamento migliore.

contenuto-duplicato

Per eliminare il contenuto duplicato io mi sono basato direttamente alla guida per l’ottimizzazione lato seo del file robots.txt suggerito da wordpress.org, però risulta non aggiornata e io che non mettendo il tag more e non uso il plugin per il contenuto duplicato che fa il riassunto dell’articoli ho dovuto rivederlo in alcuni punti.
Ecco il pezzo del mio mio robots.txt anti contenuto duplicato e previene anche occhi indiscreti in directory importanti del blog:
User-agent: *
Allow: /
Disallow: /blog/category/*/*/page
Disallow: /blog/category/*/page
Disallow: /blog/tag/*/page
Disallow: /blog/tag/*/*/page
Disallow: /blog/page
Disallow: /blog/scripts
Disallow: /blog/tags
Disallow: /blog/cgi-bin
Disallow: /blog/wp-admin
Disallow: /blog/wp-includes
Disallow: /blog/wp-content/plugins
Disallow: /blog/wp-content/cache
Disallow: /blog/wp-content/themes
Disallow: /blog/trackback
Disallow: /blog/feed
Disallow: /blog/comments
Disallow: /blog*/trackback
Disallow: /blog*/feed
Disallow: /blog*/comments
Disallow: /blog/*?*
Disallow: /blog/*?
Disallow: /blog/*.html$
Disallow: /blog/*.ico$
Disallow: /blog/*.opml$
Disallow: /blog/*.php$
Disallow: /blog/*.shtml$
Disallow: /blog/*.xml$
Disallow: /blog/*.php$
Disallow: /blog/*.js$
Disallow: /blog/*.inc$
Disallow: /blog/*.css$
Allow: /blog/*?$
Allow: /blog/wp-content/uploads
Allow: /blog/index.php
Allow: sitemap.xml
Allow: /blog/sitemap.xml
Allow: /blog/sitemap.gz

Come si può vedere all’inizio del robots.txt ho dovuto evitare che i robots passassero dalle pagine delle categorie e dei tag altrimenti risulta il meta description duplicato, poi si vedono le regole che evitano passaggio del robots/indicizzazzione in directory di wordpress sensibili, un aumento della sicurezza, poi ancora regole che evitano l’indicizzazione di trackback e file che darebbero contenuto duplicato ed infine le directory/file permesse/i per l’indicizzazione.

Un altro accorgimento che ho dovuto utilizzare è stato cambiare il meta title dei tag perché era uguale al title di alcune categorie (questo è stato fatto con il plugin all-in-one-seo-pack):

il title della categoria linux é: Linux | Tip and Tricks di computer

il title del tag linux è: Linux | T&T di Computer

Infine sempre lato seo ho aggiunto il meta robots solo ai post singoli perché il resto è bloccato dal robots.txt, per chi ha all-in-one-seo-pack basta che aggiunge <meta name=”Robots” content=”index,follow” /> nel campo addictional post headers.

thank to image:seo blog tagliaerbe

Termini utilizzati:, , , , , ,

Come testare un sito per l’iPhone

Scritto da yuri in generale | il 15.07.2008 alle 11:03

Penso che non solo io, ma tutti i possessori di siti/blog dopo aver visto il boom di vendite dell’iPhone sapendo che si usa molto per navigare vogliano testare il proprio sito/blog per l’iPhone.

testare-sito-per-iphone

Ieri ho cercato abbastanza qualche metodo attendibile, quelli che mi son piaciuti di più sono:

  • E quello che mi è piaciuto tra i “molti” simulatori presenti è Air iPhone, che utilizza la tecnologia AIR di adobe per emulare l’iPhone in windows non solo i siti web, così è possibile farsi anche un idea di com’è fatto questo “giocattolino”.

Conclusione:

Ho provato il tema per wordpress ottimizzato per l’iPhone pensando che venisse usato solo quando il sito viene navigato con l’iPhone, solo che anche cambiando useragent viene visualizzato comunque il tema normale ma alla fine si vede bene, chi ha l’iPhone e vuole smentire mi farebbe anche un piacere.

Termini utilizzati:, , , , , ,

Tante emoticon animate gratis

Scritto da yuri in generale | il 13.07.2008 alle 11:29

Vi presento un sito pieno zeppo di animoction, ossia emoticon animate tutte gratis da poter mettere nei vostri messanger o nei vostri tutte molto carine.

emoticon animata

Per me le emoticon se fatte bene fanno associare bene l’idea di quello che si scrive con quello che si vorrebbe esprimere…stamattina avrei bisogno di tante emoticon,  personalmente le uso molto, se fossero semplici smile, una volta ogni tanto ci stanno bene poi sono “banali” le emoticon fanno anche ridere.

Ecco il sito con 1025 emoticon, da scaricare ed importare su messanger o da inserire nel sito/blog come ho fatto io adesso.

Termini utilizzati:, , , , , ,

Come velocizzare un blog wordpress

Scritto da yuri in webmaster | il 12.07.2008 alle 07:20

Ecco un metodo per velocizzare un blog wordpress, funziona anche per i siti “normali”, ma adesso mi riferisco alla nota piattaforma per fare blogging.

Premetto che devo gran parte di questo post al mitico ikaro, e dico che non è solo teoria, ma testato e funzionante, anche adesso il mio blog è ottimizzato così.

Le ottimizzazioni di ikaro, si basano sull’ottimizzazione della banda saranno compressi i dati…meno dati trasferiti, più alla svelta si fa a trasferirli.

Per comprimere dunque ottimizzare la banda di un blog basato su wordpress o per un sito internet, dovremo solo modificare il file .htaccess e/o inserire solo una riga di codice all’interno delle nostre pagine.

Per il file .httaccess si deve solo inserire questo:
AddOutputFilterByType DEFLATE text/html text/plain text/xml text/css

<FilesMatch "\\.(js|css|html|htm|php|xml)$">
SetOutputFilter DEFLATE
</FilesMatch>

mentre per le pagine bisogna inserire questo codice all’inizio di ogni pagina che si vuole velocizzare (consiglio la index.php, single.php e page.php):
< ?php ob_start( 'ob_gzhandler' ); ?>

Perchè funzioni l’.htaccess è indispensabile che sia inserito nella root del blog, mentre per il codice php è necessario che il server dov’è ospitato il blog supporti Zlib, visibile tramite di pannello di controllo o creare (con editor di testo) una pagina vuota denominata php.info inserirgli < ?php echo phpinfo(); ?>, richiamarla tramite browser (www.xxx/php.info) e vedere se è presente e attivo Zlib support.

Per chi non riesce o non ha voglia, qui c’è un plugin che ottimizza wordpress senza dover mettere mano nel codice.

La funzione di compressione era presente ma stata tolta in wordpress perché su hosting condivisi potrebbe sovraccaricare il server e/o sono i servizi di hosting a metterla, potrebbe caricare eccessivamente il server anche questo trick per porre rimedio ne useremo un altro.

Ok abbiamo alleggerito il carico della banda ma sopratutto su server condivisi ed anche su server dedicati per velocizzare ulteriormente wordpress alleggeriamo il lavoro al database.

Per far questo, dovremo mettere mano nel codice del nostro template, sopratutto nel file header.php, perché i template sono fatti per adattarsi su tutti i blog, dunque nel codice le impostazioni richiamano le impostazioni che ci sono nel database, noi andremo ad inserire le nostre impostazioni.


modificare-codice-per-velocizzare-wordpress

Per saper con sicurezza che codice mettere, aprite la homepage del vostro blog con il browser, fate salva con nome e la salvate in formato .html, questa riporta cosa viene “tradotto” dal database in html, noi inseriremo il codice html a posto delle chiamate al database in .php.


Come si può vedere dalle differenze nell’immagine, il vecchio header per esempio riportava <meta name=”generator” content=”WordPress <?php bloginfo(’version’); ?>” /> in html è
<meta name=“generator” content=“WordPress abc” />, si deve solo copiare il codice dell’html nell’header.php.

Le ottimizzazioni non sono finite qui per adesso, alla prossima, intanto vedrete gl’ottimi risultati ;) .

Termini utilizzati:, , , , , ,

Giochi gratis per il tuo sito o blog

Scritto da yuri in webmaster | il 07.07.2008 alle 07:38

Ecco un bel po di giochi che è possibile inserire gratuitamente nel proprio sito o blog, volendo si può fare anche una pagina dedicata, ideale per  intrattenere le persone.


Semplicissimo metterli, basta andare alla pagina di pictogame, scegliere il gioco, in alcuni c’è anche la possibilità di scegliere la piattaforma del blog, tipo blogger, wordpress, myspace ecc. personalizzarlo (dimensioni) ed inserire il codice.
il risultato sarà così:



Termini utilizzati:, , ,

Scoprire con google alert se si è stati hackerati

Scritto da yuri in webmaster | il 28.06.2008 alle 06:39

Hackerati, non è la parola giusta, questi sono lamer più che altro, comunque intendo, come scoprire quando vengono messi nei commenti o iniettati  nel codice link a siti truffa/penalizzati da google o di dubbia provenienza, si sarebbe penalizzati dai motori di ricerca, e farebbero perdere il posizionamento anche al nostro sito/blog.

Google alert, permette di monitorare query di ricerca avanzata, e la si userà per concatenare potenziali termini presenti in siti spam.

Ecco come fare il google alert personalizzato:

  • Si comincia col pensare quali potrebbero essere le parole presenti in siti spam, esempio: viagra, casinò , levitira, sesso gratis ecc.
  • Facciamo la nostra query di ricerca, che sarà: viagra OR casinò OR levitira OR sesso gratis site:computer-acquisti.com (potete vedere la sintassi, ogni termine di ricerca è diviso da un OR e il dominio del sito va messo senza http:www)
  • Impostata la query, con le parole che si pensa possano essere usate, accedere a google alert, nel campo “cerca termini”, si inserisce la query, nel campo “tipo” complessivo, e in “frequenza” quando disponibili, e si mette l’email.

Ecco fatto, appena google trova questi termini nel sito ci manda un alert, e possiamo rimediare ai danni tempestivamente senza crecare in codice o in database.

Termini utilizzati:, , ,

Consigli seo per migliorare il posizionamento

Scritto da yuri in webmaster | il 25.06.2008 alle 05:54

Ecco, alcuni consigli seo che possono effettuare tutti senza difficoltà alcuna, per migliorare il posizionamento del proprio sito o blog, e,scalare la serp, non solo da me condivisi, ma dettati anche dalle linee guida dei motori di ricerca, e da studi effettuati.

  • Non acquistare (o vendere) link, ma, se necessario, se proprio volete farlo, non fatelo in homepage, fatelo in singole pagine, collegamenti da singole pagine sono più efficaci quando si parla di migliorare la serp, sono più naturali.
  • Non volere solo collegamenti da siti ad alto PR , si può iniziare la campagna di link building anche con link provenienti da  nuovi siti con PR 0-1, di buon livello, e, vedere lentamente il loro sito e il nostro migliorare di posizione.
  • Non  farsi linkare, registrarsi in directory, ecc.  troppo di fretta, un po di link alla volta, se ne accorgerebbe il filtro di google.
  • Controllare il numero di link in uscita delle pagine, non eccedere, metterne massimo un centinaio circa, e, evitare di linkare siti spam, di gioco d’azzardo, pillole miracolose, ecc.
  • Un link da un sito web eccellente è ottimo, ma un link da un sito di qualità che non tratta i tuoi stessi argomenti o è in altra lingua può anche aumentare il tuo posizionamento,  non ignorarli.
  • Utilizzare diverse anchor text, e, promuovere non solo la  pagina principale, ma anche pagine o categorie singole.
  • Non fare scambio di link.

Faccio presente, che ho parlato di posizionamento nella serp non di pagerank, che alla fine è più importante.

Per scrivere questi consigli e non solo per scriverli, ho studiato ed ho letto da varie fonti, per migliorare la posizione, consiglio di leggere e discutere nel forum posizionamento di giorgiotave, ed ecco una curiosità, cosa può provocare l’anchor text.
Termini utilizzati:, , ,

Monitorare la visibiltà di un sito gratis

Scritto da yuri in webmaster | il 22.06.2008 alle 06:16

Per la visibilità, di un sito, intendo l’uptime, ovvero quanto è presente in rete, il server che ospita il sito web, perché ci possono essere problemi tecnici, reboot o altro, ecco un servizio, che permette di monitorare la visibilità di un sito gratis.

Questo servizio, oltre a monitorare il vostro sito/blog, o meglio, il server su cui è ospitato il vostro sito o blog, ogni volta non fosse raggiungibile vi avvisa tramite e-mail, featute interessante, per chi ha un sito, utile per chi ha un server.

Per l’abbonamento gratis, non bisogna far altro che registrarsi, immettere l’indirizzo del sito e vari dati, anche se, può monitorare solo un sito la versione gratuita, la monitora sette giorni su sette, 365 giorni l’anno.

Ecco per esempio, l’ottimo uptime di computer acquisti, e, vedendo questi dati, vi può venire la voglia di approfittare dell’hosting gratuito pro di netsons (non ci guadagno niente, lo dico perché il servizio è ottimo).

Da qui, invece, potete registrarvi gratis a service uptime.

Termini utilizzati:, , , , ,