Tip and Tricks di computer

Ho trovato una comoda estensione per dreamwear che permette di fare o modificare temi di wordpress, utile e pratica anche per chi maneggia con il codice.

ThemeDreaver ingloba praticamente le API di di wordpress e permette la personalizzazione e successiva visualizzazione del tema senza aver wordpress installato ne su server ne sul computer, una volta aperto il file index.php ad esempio ThemeDreaver richiamerà anche l’header.php e tutti i file che occorrono per avere il tema modificabile in WYSIWYG (visualmente).

Ecco alcune delle sue caratteristiche:

• Non serve creare un server locale per provare i temi.

• Tutti i cambiamenti a WordPress e il codice CSS vengono visualizzati istantaneamente.

• Non serve disporre di un collegamento Internet.

• Fornisce tutti i modelli di tag di WordPress, la sintassi e gli accenni.

Come tutte le cose belle purtroppo è a pagamento, ma se si fanno temi su commissione e si vendono si ripaga egregiamente oppure si può evitare di spendere per comprare un tema premium, per maggiori dettagli eccovi il link di ThemeDreaver.

p.s.

É la prima recensione in italia mettere il link.

Termini utilizzati:api, dreamweaver, fare, temi, wordpress

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.

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:blog, contenuto duplicato, eliminare, motore di ricerca, seo, sito, wordpress

Questa è l’ultima parte riguardante l’ottimizzazione di wordpress, i post precedenti riguardanti l’ottimizzazione erano rivolti a come velocizzare wordpress in generale, a come velocizzare wordpress tramite la riduzione di CSS e javascript, adesso anche se ho già detto come pulire il database di wordpress, vediamo come ottimizzare il database.

Per ottimizzare il database di wordpress si può utilizzare il tradizionale metodo ovvero pulire il database dai campi inutili (vedi sopra) e poi e dopo da phpMyadmin selezionare tutte le tabelle e scegliere ottimizza oppure utilizzare questo codice per ottimizzare le tabelle in mysql:
// Parametri iniziali
// ?user?, ?pwd? ?dbName?.
$server = server dove risiede il database;
$user = user del database;
$pwd = password del database;
$dbName = nome del database;
$link = mysql_connect($server, $user, $pwd);
if (!$link) {
die(’Impossibile connettersi: ‘ . mysql_error());
}

$db_selected = mysql_select_db($dbName, $link);
if (!$db_selected) {
die (’Selezione DB $dbName non riuscita: ‘ . mysql_error());
}

// Estrae tutti i nomi di tabella.
$alltables = mysql_query(”SHOW TABLES”);

// Sfoglia le tabelle.
while ($table = mysql_fetch_assoc($alltables))
{
foreach ($table as $db => $tablename)
{
// Per ogni tabella esegue la query di ottimizzazione.
mysql_query(”OPTIMIZE TABLE ‘”.$tablename.”‘”) or die(mysql_error());
}
}
mysql_close($link);
==><==

Questo codice è possibile utilizzarlo inserendo la query dal pannello di controllo dell’hosting o tramite il comodissimo plugin per wordpress database manager come sopra.

Per essere eseguito lo script nei campi $server, $user, $pwd, $dbName bisogna inserire:l’ indirizzo del proprio server di hosting del database, il nome che si utilizza per accederci, la password ed il nome del database.

codice di: etechs

Termini utilizzati:blog, codice, come, database, trick, velocizzare, wordpress

L’hotlink in pratica è quando s’inserisce un’immagine senza upparla sul server ma linkando l’immagine originale, togliendo la possibilità di fare hotlink è tutto sforzo risparmiato al server in cui risiede l’immagine (il nostro), ecco com’è possibile evitare l’hotlink in wordpress, si avrà un miglioramento in velocità del sito e dati statistici veritieri.

Bloccare l’hotlink tramite .htaccess in wordpress

• Per bloccare l’hotlink si può benissimo usare il file .htaccess di wordprss modificandolo come segue:
# BEGIN WordPress
RewriteEngine On
RewriteBase /blog/
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /blog/index.php [L]
RewriteCond %{HTTP_REFERER} !http://tuosito.com [NC]
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !google\. [NC]
RewriteCond %{HTTP_REFERER} !search\?q=cache [NC]
RewriteCond %{HTTP_REFERER} !msn\. [NC]
RewriteCond %{HTTP_REFERER} !yahoo\. [NC]
RewriteCond %{HTTP_REFERER} !feedbourner\. [NC]
RewriteCond %{HTTP_REFERER} !images.google\. [NC]
RewriteRule (wp-content/uploads.*\.(gif|jpg|jpeg|png)$) http://tuosito.com/nome immagine da mostrare a chi fa hotlink [L]
# END WordPress
Si nota che ho dato la possibilità a google, feedbourner, ecc. di fare l’hotlink alle immagini, questo per una visione completa dei feed o per la ricerca di immagini di google, si può notare anche che bisogna specificare un immagine che risiede sul vostro server che verrà mostrata quando vi verrà fatto l’hotlink, all’inizio bisogna “aprire” il mod_rewrite.c alla fine chiuderlo, non l’ho messo qui perchè non si formatta bene con il testo.

Plugin per wordpress per evitare l’hotlink

• Ecco un plugin per wordpress che modifica automaticamente l’.httaccess però non si possono mettere eccezioni (testato personalmente e funzionante su wordpress 2.6).

Plugin per un hotlink intelligente in wordpress

• Se sarebbe solo perchè ho tolto la possibilità di fare holink ieri non avrei scritto questo post, è stato questo utile plugin che mi ha dato ispirazione. Hotlink-2-link è il plugin che fa si che l’hotlink diventi utile per chi lo subisce, ovvero quando solitmente viene premuto il tasto destro per prendere l’indirizzo dell’immagine questo mostra un link al sito/blog più l’indirizzo dell’immagine dunque fa si che si riceva anche un link buono, potete scaricarlo qui (testato personalmente e funzionante su wordpress 2.6), il codice javascript usato per fare questo plugin, adattabile a qualsiasi sito lo trovate qui (cliccate sull’immagine per vedere il risultato).

Per vedere se avete bloccato l’hotlink tramite .htaccess o plugin usate questo test, dove di dovrà inserire l’indirizzo dell’immagine e se non verrà visualizzata o verrà visualizzata l’immagine da voi scelta l’anti hotlink sarà attivo (se siete loggati come amministartori in wordpress probabilmente si vede lostesso).

Termini utilizzati:evitare, hotlink, wordpress

Ecco la continuazione del post che parla di come velocizzare un blog wordpress, adesso guardiamo di comprimere javascript e css, per risparmiare banda, anche se nel titolo mi sono riferito a wordpress, questi metodi sono adattabili benissimo a qualsiasi sito web o blog.

Cominciamo ad ottimizzare i javascript, l’ottimizzazione sta nel ridurne il peso, togliendo i commenti non necessari, per far questo non ci sarà da modificare niente a mano, si utilizzerà il servizio web che comprime i javascript, per usarlo è sufficiente copiare lo script nella parte alta, per maggiore sicurezza premere basic compress poi copiare il codice sotto riportato.

Questo servizio vien detto che ottimizza anche i css, personalmente non l’ho provato, io m’affido a CleanCSS, che non solo riduce il peso dei css ma permette anche di scegliere varie opzioni (l’impostazione di base va bene), poi i file css ottimizzati risultano anche validi W3C, il funzionamento è analogo al pulitore di javascript.

Per essere ottimizzati gli script dovrebbero essere anche interni al sito, non richiamati da domini diversi, questo vale anche per gli script di google, ecco che solo per wordpress, è disponibile un plugin che permette il caricamento degli script dal nostro dominio.

Sempre solo per wordpress, sono disponibili degli script ottimizzati, precisamente il wp-includes/js/prototype.js, che è comunque ottimizzabile con lo strumento prima elencato, oppure potete scaricarlo dal gruppo prototype di google, scaricare il protopack V.xxxxx, scompattarlo, entrare nella cartella files/compressed/prototype ed usare la versione del vostro prototype (potete vedere il prototype originale, alla prima riga c’è scritta la versione), poi dovrete rinominare il file, esempio prototype-1.6.0.2-shrinkvars.js lo rinominerete in prototype.js.

Termini utilizzati:blog, codice, come, css, javascript, velocizzare, wordpress

Non molto tempo fa ho fatto un post che spiega come sapere con google alert se si è stati hackerati, un modo semplice e adattabile a qualsiasi sito, adesso parlo esclusivamente di wordpress, un plugin per vedere automaticamente codice maligno nel blog/sito.

Il plugin wordpress exploit scanner, una volta installato crea una nuova voce in bacheca del vostro blog, se premuta verranno offerte le opzioni di ricerca di exploit nel database di wordpress, nei file, in entrambi e viene offerta la possibilità di cercare un file a nostra scelta.

Nell’immagine ho evidenziato in rosso il nome del file in cui è stato trovato il codice, perchè quello non è codice iniettato o che non va bene, è il codice presente nei file del plugin per riconoscere il possibile codice “manomesso”.

Ecco il link per il download di exploit scanner, il plugin che trova codice maligno con un click.

Termini utilizzati:codice, exploit, file, hacking, plugin, trovare, wordpress

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.

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:blog, codice, html, sito, trick, velocizzare, wordpress

Se avete appena fatto un blog su blogger, magari seguendo le istruzioni e guardando il video, che spiega come creare un blog blogger in cinque minuti, e volete dargli stile, o se ne avete già uno, e volete cambiare template, ecco tre bellissimi temi per blogger stile web 2.0.

I temi sono in formato xml, dunque per il nuovo blogger, sono davvero molto belli, si possono modificare secondo licenza, ma bisogna lasciare la paternità nel footer (i link a fondo pagina per chi non lo sapesse).

Eccovi i link per il download:

Qui scaricate il tema a sfondo arancio.

Qui scaricate il tema a sfondo blu.

Qui scaricate il tema a sfondo nero.

E per finire in bellezza ho trovato anche la versione per wordpress, anche se è ancora in beta 5, ecco il link per il download del tema, non ho guardato, ma sarà da modificare il file style.css per switcare i colori.

Termini utilizzati:blog, blogger, temi, web 2.0, wordpress

Ecco, tre temi premium per wordpress gratis, in realtà, è solo uno, ma editando il file style.css questo cambia colore, i colori sono, marrone con bottoni gialli, nero con bottoni grigi, e, rosso vino, tutti molto professionali, il mio preferito è il nero.

Le caratteristiche di questo/i tema/i, sono, validità W3C, a due o tre colonne, ottimizzati per la SEO, hanno XHTM e CSS ottimizzati, hanno, il form per abbonarsi ai feed, o, la lettura dell’articoli via mail, la ricerca multipla, ossia ricerca normale, per archivi o per categorie, spazio per tre blocchi pubblicitari da 100×100 pixel, ed altro, ma sopratutto sono gratis.

Intanto, potete vederli qui, e, spiego, come cambiare colore.

Semplicissima l’operazione per cambiare colore, dovete trovare il file style.css, aprirlo con un editor di testo/notepad++ ecc. (non programmi di videoscrittura), alla tredicesima riga, mettere @import url("style-red.css"); se lo volete rosso, @import url("style-brown.css"); se lo volete marrone, e, @import url("style-black.css"); se lo volete nero.

Qui potete scaricare i temi premium gratis.

L’ultimo tema per wordpress che ho messo l’ho tradotto in italiano, questa volta, anche se ha licenza creative commons, non l’ho tradotto, il prossimo che metto lo traduco.

via e autore cssace.com

Termini utilizzati:gratis, premium, seo, temi, wordpress

Sfogliando, i temi per wordpress ottimizzati per la SEO, che ho proposto non molto tempo fa, ho trovato un template che mi piace, e l’ho tradotto, lo tengo di scorta, per il blog, e lo condivido con chi lo vuole scaricare, per una semplice integrazione di adsense nel proprio blog.

Questo tema per wordpress, è blu, distribuito gratis, sotto licenza creative commons, ottimizzato per la SEO (search engigne ottimization) e per adsense, io, non ho fatto nient’altro che tradurlo dall’inglese, in italiano, lasciando inalterato tutto il resto, ovviamente la licenza lo consente, ed è ridistribuito con la stessa licenza.

Per poter guadagnare, dovrete, inserire il vostro publisher id, nei file adsense_homepage_banner.php, adsense_homepage_linkunit.php, adsense_sidebar.php, adsense_singlepost_bottom_banner.php, adsense_singlepost_bottom_square.php, adsense_singlepost_top_banner.php, adsense_singlepost_top_square.php.

Il vostro id di adsense, si trova in altro a destra, appena fate l’accesso in adsense, copiarlo, mettiamo sia pub-12345687, poi aprire i file che ho elencato sopra, con un editor di testo, che può essere notepad, non world, ed inserire il vosto publisher id nel campo google_ad_client, così google_ad_client = “pub-12345687″.

il risultato, sarà così:

<div id=”adsense_homepage_banner”>
<script type=”text/javascript”><!–
google_ad_client = “pub-12345687″;
google_ad_width = 468;
google_ad_height = 60;
google_ad_format = “468×60_as”;
google_ad_type = “text_image”;
google_ad_channel = “”;
google_color_border = “FFFFFF”;
google_color_bg = “FFFFFF”;
google_color_link = “466EDB”;
google_color_text = “000000″;
google_color_url = “466EDB”;
//–>
</script>
<script type=”text/javascript”
src=”http://pagead2.googlesyndication.com/pagead/show_ads.js”>
</script>
</div>

Io, a contrario del produttore del template, ho trovato controproducente mettere il mio publisher id, ci sarebbe anche il rischio, di mettere il propio publisher id, su siti, dai contenuti non idonei al regolamento di adsense, di conseguenza, il ban da adsense.

Eccovi il template ottimizzato per la seo e per adsense.

Termini utilizzati:adsense, seo, temi, wordpress