Web Developer's Magazine http://wdm.ro Prima revistă online românească pentru dezvoltatorii de site-uri Tue, 18 May 2010 19:22:27 +0000 en hourly 1 http://wordpress.org/?v=3.1-alpha Cum să redimensionezi imaginile dinamic http://wdm.ro/cum-sa-redimensionezi-imaginile-dinamic/ http://wdm.ro/cum-sa-redimensionezi-imaginile-dinamic/#comments Tue, 18 May 2010 19:21:46 +0000 Eugen Dimboiu http://wdm.ro/?p=220 Să presupunem că ai un site și folosești mai multe imagini , și la fiecare imagine ai nevoie de diferite dimensiuni – de exemplu o imagine mare în articol și imagini mai mici la categorii. Dacă e vorba de o singură imagine e destul de simplu și poți să-ți faci 2 dimensiuni ale imaginii. Dar dacă este vorba de un magazin virtual cu 10000 de produse ? Sau un blog cu multe articole ? Ai pierde enorm de mult timp redimensionând fiecare imagine. Pentru acest caz , din ce în ce mai intalnit pe web-ul de azi există o solutie! Poti redimensiona foarte usor imagini cu ajutorul unui script numit TimThumb.

Ce este TimThumb?

TimThumb este un script php open source , foarte usor de folosit , cu care poți redimensiona imagini prin apelarea scriptului cu câțiva parametrii. Scriptul este optimizat , foarte rapid și are implementat un cache pentru imaginile procesate anterior. Pentru începători probabil sună complicat , dar vă dau un exemplu pentru a vedea cât de usor e de folosit:

<img src="/cale-spre-script/timthumb.php?src=/cale-spre-imagine/orice.jpg&h=150&w=150&zc=1" alt="">  

Din câte vedeti , la parametrul src al tag-ului img din html adaugați calea către script cu parametrii pentru a afișa o imagine redimensionată.

Parametrii

  • w – lațimea imaginii returnate în pixeli
  • h – inalțimea imaginii returnate în pixeli
  • zc – zero crop -> 0 sau 1 pentru a taia din imagine sau doar pentru redimensionare fără tăiere
  • q – calitatea imaginii returnate (75 este predefinit, 100 este maxim)

De ce aveți nevoie pentru a rula TimThumb ?

  • TimThumb are nevoie de libraria GD , care este disponibilă pe orice server care rulează php 4.3 sau mai nou
  • Odata instalat și folosit , TimThumb își creează un fișier (/cache/) cu permisiuni de scriere. Daca serverul unde vă găzduiți site-ul nu premite acest lucru, schimbați manual permisiunile pentru fișierul /cache/ la 777.
  • Fișierul în care este TimThumb trebuie să fie deasemenea cu permisiunile 777.
  • La fel ca și în exemplul de mai sus , folosiți căi absolute atât pentru fișierul timthumb.php cât și pentru imagini.

De unde pot downloada TimThumb ?

Puteți downloada scriptul urmărind următorul link: http://www.darrenhoyt.com/2008/04/02/timthumb-php-script-released/

]]>
http://wdm.ro/cum-sa-redimensionezi-imaginile-dinamic/feed/ 5
Afisează topul contribuitorilor fără plugin-uri http://wdm.ro/afiseaza-topul-contribuitorilor-fara-plugin-uri/ http://wdm.ro/afiseaza-topul-contribuitorilor-fara-plugin-uri/#comments Wed, 14 Apr 2010 18:35:37 +0000 Eugen Dimboiu http://wdm.ro/?p=210 Trebuie doar să copiezi acest cod în locul în care vrei să apară topul contribuitorilor. Codul nu este cel mai optimizat , deoarece foloseste functii mysql_ în loc de obiectul $wpdb din wordpress , dar îsi face treaba bine.

<?php
include($_SERVER['DOCUMENT_ROOT']."/wp-config.php");
mysql_connect(DB_HOST,DB_USER,DB_PASSWORD) or die(mysql_error());
mysql_select_db(DB_NAME) or die(mysql_error());

$sql = "SELECT
".$table_prefix.users.".".user_login.",count(*)\n"
    . "FROM
".$table_prefix.posts.",".$table_prefix.users."\n"
    . "WHERE ".$table_prefix.posts.".".post_parent."=0
and
".$table_prefix.posts.".".post_author."=".$table_prefix.users.".".ID."\n"
    . "Group by
".$table_prefix.users.".".user_login."\n"
    . "Order by count(*) DESC\n"
    . "Limit 0,10";
$result = mysql_query($sql) or die(mysql_error());
echo "\n";
echo "<ul>";
while($row = mysql_fetch_array($result))
{
    echo "<li><strong>";
    echo $row['user_login'];
    echo "</strong>&nbsp";
    echo "(";
    echo $row['count(*)'];
    echo ")</li>";

}
echo "</ul>";

?>
]]>
http://wdm.ro/afiseaza-topul-contribuitorilor-fara-plugin-uri/feed/ 0
Permite contribuitorilor să uploadeze fişiere http://wdm.ro/permite-contribuitorilor-sa-uploadeze-fisiere/ http://wdm.ro/permite-contribuitorilor-sa-uploadeze-fisiere/#comments Tue, 13 Apr 2010 21:04:06 +0000 Eugen Dimboiu http://wdm.ro/?p=205 Nimic greu cu acest cod , trebuie doar copiat în fişierul functions.php :

if ( current_user_can('contributor') && !current_user_can('upload_files') )
    add_action('admin_init', 'allow_contributor_uploads');

function allow_contributor_uploads() {
    $contributor = get_role('contributor');
    $contributor->add_cap('upload_files');
}
]]>
http://wdm.ro/permite-contribuitorilor-sa-uploadeze-fisiere/feed/ 0
10000 licente gratuite oferite de SnackTools http://wdm.ro/10000-licente-gratuite-oferite-de-snacktools/ http://wdm.ro/10000-licente-gratuite-oferite-de-snacktools/#comments Thu, 18 Mar 2010 22:43:41 +0000 Eugen Dimboiu http://wdm.ro/?p=183 Cum functionează?

SnackTools oferă gratuit 10000 de licenţe pentru BannerSnack. Puteţi câştiga o licenţă pentru o perioadă determinată (maximul fiind 10 luni) în funcţie de rezultatul testului Are you a true Photoshoper?”.
Premiile se dau dupa regula “Primul venit, Primul servit” , aşa că vă recomand să vă grabiţi !
10000 licente gratuite oferite de snacktools
De exemplu , dacă răspundeţi corect la 6 intrebări primiţi o licenţă la BannerShack pe 6 luni. Cel mai mare premiu îl primiţi dacă răspundeţi corect la toate cele 10 intrebări. În acest caz primiţi o licentă de 10 luni la BannerShack , care normal valorează 190$.

Despre SnackTools

SnackTools este o suita de aplicatii online care oferă cateva tool-uri prietenoase pentru creearea conţinutului web. Până acum au lansat BannerSnack (un tool pentru crearea bannerelor) şi PhotoSnack (un tool pentru crearea slide show-urilor foto). Aplicaţiile sunt create în special pentru persoanele care vor să facă un banner sau un slide show rapid şi uşor.

*Cu această ocazie am creat o nouă categorie : Concursuri.

]]>
http://wdm.ro/10000-licente-gratuite-oferite-de-snacktools/feed/ 2
25 de pagini ultra moderne ce folosesc HTML5 http://wdm.ro/25-de-pagini-ultra-moderne-ce-folosesc-html5/ http://wdm.ro/25-de-pagini-ultra-moderne-ce-folosesc-html5/#comments Sat, 13 Mar 2010 18:15:54 +0000 Nicu http://wdm.ro/?p=158 Pe langa posibilitatea de a folosi cod mai simplu, mai curat, mai consistent, Html5 va ajuta designeri si dezvoltatorii de pagini web sa scape de depentenle de pluginuri externe precum Adobe Flash. Pentru prima oara, va fi posibil sa se atinga consitenta intre interfata unui player video si designul paginii in ansamblu. Utilizatorii vor avea posibilitatea sa roteasca, sa mute, sa redimensioneze si sa detecteze miscarea intr-un fisier video in timp ce acesta ruleaza, folosind controalele video incorporate.

Utilizatorii vor putea reda imagini din mers fara a fi nevoie de plugin-uri. O mica demonstratie a celor descrise mai sus poate fi vazuta aici si aici. Ambele demonstratii cu adevarat spectaculoase.

Pe langa aplicatii demonstrative si alte experimente online, exista cateva pagini web care se folosesc de Html5. Desi, putine, daca chiar vre-una, folosesc cu adevarat tot potentialul limbajului. Mai jos, exploram 25 dintre cele mai bune pagini, majoritatea apartinand unor dezvoltatori sau agentii dornice sa isi arate competentele, potentililor clienti. Luati o privire si explorati viitorul internetului. Tineti seama totusi cum ca putine vor fi afisate cum se cuvine in Internet Explorer.

1. Ella Design

1-siteuri-html-5

2. Pelletized

3-siteuri-html-5

3. MiniApps

2-siteuri-html-5

4. Donkey Magic

4-siteuri-html-5

5. Bonsai

5-siteuri-html-5

6. letscountthedays

6-siteuri-html-5

7. Sarsini

7-siteuri-html-5

8. Nimbupani

8-siteuri-html-5

9. Ousmane Ndiaye

9-siteuri-html-5

10. Media Research Institute

10-siteuri-html-5

11. Anino

11-siteuri-html-5

12. CatCubed

12-siteuri-html-5

13. Impactideas

13-siteuri-html-5

14. Moriconi

14-siteuri-html-5

15. LittleCoogie

15-siteuri-html-5

16. OK Cool

16-siteuri-html-5

17. Dn’D

17-siteuri-html-5

18. Sprachkonstrukt

18-siteuri-html-5

19. Stompfrog

19-siteuri-html-5

20. Shape Shed

20-siteuri-html-5

21. Smile Sleepy

21-siteuri-html-5

22. sw’as

22-siteuri-html-5

23. Frojd

23-siteuri-html-5

24. Tim Benniks

24-siteuri-html-5

25. DS3

25-siteuri-html-5

]]>
http://wdm.ro/25-de-pagini-ultra-moderne-ce-folosesc-html5/feed/ 1
55 Web Design-uri colorate care te inspiră http://wdm.ro/55-web-design-uri-colorate-care-te-inspira/ http://wdm.ro/55-web-design-uri-colorate-care-te-inspira/#comments Thu, 04 Mar 2010 15:31:17 +0000 Eugen Dimboiu http://wdm.ro/?p=141 Inspiraţie.În această categorie voi prezenta cele mai bune design-uri ale unor site-uri care ies din tipare , cu design unic şi spectaculos. ]]> N.Design Studio

siteuri-colorate-01

Lyrically Noted

siteuri-colorate-02

Hughes

siteuri-colorate-03

Silver Pistol

siteuri-colorate-04

christmastweets.co.uk

siteuri-colorate-05

rareview

siteuri-colorate-06

Frances Cycles

siteuri-colorate-07

Glucone-R

siteuri-colorate-08

Chris Kaufman

siteuri-colorate-09

Leaf A Legacy

siteuri-colorate-10

fuelbrandinc.com

siteuri-colorate-11

Maurício Guimarães

siteuri-colorate-12

intuitive designs

siteuri-colorate-13

Haãfe & Haph

siteuri-colorate-14

curiousgeneration

siteuri-colorate-15

The House Media

siteuri-colorate-16

asemota

siteuri-colorate-17

The Touch Agency

siteuri-colorate-18

kikiandbree.com

siteuri-colorate-19

rekkiabilly.com

siteuri-colorate-20

tapmates.com

siteuri-colorate-21

Cobble Hill Towers

siteuri-colorate-22

dibi conference

siteuri-colorate-23

vegasuncorked.com

siteuri-colorate-24

savetheturtlesgame.com

siteuri-colorate-25

teleiosman.com

siteuri-colorate-26

indofolio.com

siteuri-colorate-27

Wake Somebody Up

siteuri-colorate-28

freshnotcanned.com

siteuri-colorate-29

Aussie BBQ Legends

siteuri-colorate-30

f91w.com

siteuri-colorate-31

havaianas.com

siteuri-colorate-32

arkix.com

siteuri-colorate-33

Open Atrium

siteuri-colorate-34

mbdizajn.com

siteuri-colorate-35

organicgrid.com

siteuri-colorate-36

MarcosXotoko

siteuri-colorate-37

colourpixel

siteuri-colorate-38

moradito.com.ar

siteuri-colorate-39

Matt Salik

siteuri-colorate-40

akedesign.com

siteuri-colorate-41

TANQ

siteuri-colorate-42

F5

siteuri-colorate-43

pixelcool.com

siteuri-colorate-44

scarygirl

siteuri-colorate-45

colorchakra.com

siteuri-colorate-46

garamiz.hu

siteuri-colorate-47

k4lab

siteuri-colorate-48

Giancarlo Fajardo

siteuri-colorate-49

Duirwaigh Studios

siteuri-colorate-50

vanityclaire.com

siteuri-colorate-51

ilovecolors.com.ar

siteuri-colorate-52

David Lanham

siteuri-colorate-53

tori’s eye

siteuri-colorate-54

agami creative

siteuri-colorate-55

]]>
http://wdm.ro/55-web-design-uri-colorate-care-te-inspira/feed/ 0
Refuza automat comentariile spam http://wdm.ro/refuza-automat-comentariile-spam/ http://wdm.ro/refuza-automat-comentariile-spam/#comments Tue, 02 Feb 2010 15:32:16 +0000 Eugen Dimboiu http://wdm.ro/?p=99 Copiază următorul cod în fişierul functions.php. Comentariile care conţin cuvinte incluse în $cuvinte_rele vor fi respinse automat.

function in_comment_post_like($string, $array) {
	foreach($array as $ref) { if(strstr($string, $ref)) { return true; } }
	return false;
}
function elimina_comentarii_rele() {
	if (!empty($_POST['comment'])) {
		$post_comment_content = $_POST['comment'];
		$lower_case_comment = strtolower($_POST['comment']);
		$cuvinte_rele = array(
			'viagra',
			'hydrocodone',
			'hair loss',
			'[url=http',
			'[link=http',
			'xanax',
			'tramadol',
			'russian girls',
			'russian brides',
			'lorazepam',
			'adderall',
			'dexadrine',
			'no prescription',
			'oxycontin',
			'without a prescription',
			'sex pics',
			'family incest',
			'online casinos',
			'online dating',
			'cialis',
			'best forex',
			'amoxicillin'
		);
		if (in_comment_post_like($lower_case_comment, $cuvinte_rele)) {
			$comment_box_text = wordwrap(trim($post_comment_content), 80, "\n  ", true);
			$txtdrop = fopen('/var/log/httpd/wp_post-logger/nullamatix.com-text-area_dropped.txt', 'a');
			fwrite($txtdrop, "  --------------\n  [COMMENT] = " . $post_comment_content . "\n  --------------\n");
			fwrite($txtdrop, "  [IP Sursa] = " . $_SERVER['REMOTE_ADDR'] . " @ " . date("F j, Y, g:i a") . "\n");
			fwrite($txtdrop, "  [USERAGENT] = " . $_SERVER['HTTP_USER_AGENT'] . "\n");
			fwrite($txtdrop, "  [REFERER  ] = " . $_SERVER['HTTP_REFERER'] . "\n");
			fwrite($txtdrop, "  [FILE_NAME] = " . $_SERVER['SCRIPT_NAME'] . " - [REQ_URI] = " . $_SERVER['REQUEST_URI'] . "\n");
			fwrite($txtdrop, '--------------**********------------------'."\n");
			header("HTTP/1.1 406 Not Acceptable");
			header("Status: 406 Not Acceptable");
			header("Connection: Close");
			wp_die( __('bang bang.') );
		}
	}
}
add_action('init', 'elimina_comentarii_rele');
]]>
http://wdm.ro/refuza-automat-comentariile-spam/feed/ 0
7 modificări utile ale panoului de control WordPress http://wdm.ro/75-7-modificari-utile-ale-panoului-de-control-wordpress/ http://wdm.ro/75-7-modificari-utile-ale-panoului-de-control-wordpress/#comments Fri, 01 Jan 2010 14:09:25 +0000 Eugen Dimboiu http://wdm.ro/?p=75 1.Eliminați meniurile din panoul de control

Când construiți un blog pe platforma WordPress pentru un client este o idee bună să eliminați diferite meniuri din panoul de control , pentru a evita eventualele probleme (de exemplu clientul să șteargă tema personalizată pe care a plătit-o). Puteți pune următorul cod în fișierul functions.php din directorul temei. Următorul exemplu va elimina toate meniurile specificate în vectorul $restrictionate.

function elimina_meniuri () {
global $menu;
$restrictionate= array(__('Dashboard'), __('Posts'), __('Media'), __('Links'), __('Pages'), __('Appearance'), __('Tools'), __('Users'), __('Settings'), __('Comments'), __('Plugins'));
end ($menu);
while (prev($menu)){
$value = explode(' ',$menu[key($menu)][0]);
if(in_array($value[0] != NULL?$value[0]:"" ,$restrictionate)){unset($menu[key($menu)]);}
}
}
add_action('admin_menu', 'elimina_meniuri');

2.Defineşte un logo personalizat pentru formularul de logare

Cu toate că nu are nicio importanţă în performanţa blogului, majoritatea clienţiilor sunt bucuroşi dacă văd logo-ul lor la formularul de logare, în locul logo-ului clasic WordPress. Trebuie doar să copiaţi următorul cod în fişierul functions.php (şi să puneţi calea spre logo).

function logo_personalizat() {
echo '<style type="text/css">
h1 a { background-image:url('.get_bloginfo('template_directory').'/images/logo-personalizat.gif) !important; }
</style>';
}
add_action('login_head', 'logo_personalizat');

3.Înlocuieşte logo-ul din panoul de control cu un logo personalizat

Aşa cum un client preferă să vadă logo-ul propriu când se loghează, nu este niciun dubiu că o să îi placă să-l vadă şi în panoul de control.
Codul următor trebuie copiat în fişierul functions.php.

function personalizare_logo() {
   echo '<style type="text/css">
         #header-logo { background-image: url('.get_bloginfo('template_directory').'/images/custom-logo.gif) !important; }</style>';
}
add_action('admin_head', 'personalizare_logo');

4.Opreşte notificarea de actualizare din WordPress

WordPress este actualizat constant. Evident că din motive de securitate trebuie să actualizezi de fiecare dată. Oprirea notificării de actualizare pentru site-urile clientului poate fi o idee bună pentru că el nu trebuie să ştie despre acest lucru, asta e treaba developper-ului.
Încă odata , nimic complicat: doar copiaţi codul în fişierul functions.php, salvaţi-l şi este gata.

if ( !current_user_can( 'edit_users' ) ) {
add_action( 'init', create_function( '$a', "remove_action( 'init', 'wp_version_check' );" ), 2 );
add_filter( 'pre_option_update_core', create_function( '$a', "return null;" ) );
}

5.Elimină wiget-urile din panoul de control

Introduse în WordPress 2.7, wiget-urile din panoul de control pot fi foarte folositoare. De exemplu, unele pot afişa informaţiile din Google Analytics. Dar , câteodată nu ai nevoie de ele , sau de unele dintre ele.
Următorul cod îţi va permite să elimini wiget-urile din panoul de control WordPress. Trebuie doar să-l copiaţi în fişierul functions.php.

function exemplu_emimina_wigeturi() {
// Fă globală variabila $wp_meta_boxes – aceasta ține toate wiget-urile pentru panoul de control
global $wp_meta_boxes;
// Elimină wiget-ul de linkuri primite
unset($wp_meta_boxes['dashboard']['normal']['core']['dashboard_incoming_links']);
// Elimină restul
unset($wp_meta_boxes['dashboard']['normal']['core']['dashboard_right_now']);
unset($wp_meta_boxes['dashboard']['side']['core']['dashboard_primary']);
unset($wp_meta_boxes['dashboard']['side']['core']['dashboard_secondary']);
}
// Înregistrează funcția
add_action('wp_dashboard_setup', 'exemplu_emimina_wigeturi' );

6.Adaugă wiget-uri personalizate în panoul de control WordPress

Cu exemplul anterior am aratat cât de uşor este să elimini wiget-uri din panoul de control. Vestea buna este că vă puteţi creea propriile wiget-uri foarte uşor. Codul următor este un exemplu. Trebuie doar să îl copiatţ în fişierul functions.php.

function exemplu_wiget() {
// Afișați ce vreți
echo "Wiget personalizat de WDM.RO";
}
// Creeați functia folosită ca cârlig
function exemplu_adauga_wiget() {
wp_add_dashboard_widget('example_dashboard_widget', Exemplu de Wiget', 'exemplu_wiget');
}
// Înregistrează funcția în wp_dashboard_setup
add_action('wp_dashboard_setup', 'exemplu_adauga_wiget' );

7.Schimbă culorile panoului de control WordPress

Dacă ţi-ai dorit vreodată să poţi schimba culorile panoului de control WordPress(sau fontul) fără să editezi fişierele principale ale WordPress-ului, sigur o să-ţi placă următorul cod. Următorul exemplu arată o schimbare de baza(header-ul gri este înlocuit cu unul albastru) dar poţi adăuga cu uşurinţă câte stiluri vrei între tag-urile <style> şi </style>.

function culori_personalizate() {
echo '<style type="text/css">#wphead{background:#069}</style>';
}
add_action('admin_head', 'culori_personalizate');

Sper să vă folosească aceste mici modificări. Vă recomand să vă abonaţi la feed-ul RSS pentru a primii ultimele articole de pe wdm.ro

]]>
http://wdm.ro/75-7-modificari-utile-ale-panoului-de-control-wordpress/feed/ 4
WordPress SEO: Optimizarea WordPress pentru Motoarele de Căutare http://wdm.ro/57-wordpress-seo-optimizarea-wordpress-pentru-motoarele-de-cautare/ http://wdm.ro/57-wordpress-seo-optimizarea-wordpress-pentru-motoarele-de-cautare/#comments Fri, 11 Dec 2009 19:31:18 +0000 Eugen Dimboiu http://wdm.ro/?p=57 WordPress-ul vine cu câteva tool-uri care ajută la optimizarea pentru motoarele de căutare, printre care includem abiliattea de a folosi fișiere .htaccess pentru a da impresia de url-uri statice (numite “permalinks”) , blogroll-ul și opțiunea de ping. Deasemenea există o mulțime de plugin-uri care pot fi folosite pentru optimizarea pentru motoarele de cautare(SEO).
Dar , odată ce folosiți teme wordpress și începeți să modificați WordPress-ul pentru nevoile voastre , s-ar putea să stricați o parte dintre acele trasaturi care fac WordPress-ul prietenos din punct de vedere al motoarelor de căutare. Pentru a menține aceste trăsături avem niște recomandări:
Cod curat

Fiți siguri că html-ul site-ului se validează. Erorile din cod pot afecta indexarea corectă a site-ului de către motoarele de căutare.

Conținutul vorbește

Motoarele de căutare nu “vad” site-ul. Ele pot doar citi conținutul. Design-ul frumos nu înseamnă nimic pentru motoarele de căutare. Ceea ce contează pentru acestea sunt cuvintele , conținutul, materialul din site-ul vostru care explică, impărtăseste sau informează. Asigurați-vă că aveți conținut de calitate pentru a oferi ceva motoarelor de căutare de examinat și comparat pentru a primii o “nota buna”.

Scrieți conținutul cu cei care caută în minte

Cum găsiți informații pe Internet? Dacă scrieți ceva și vreți să fie găsit pe Internet , gândițivă la cuvintele și frazele pe care le-ați folosi pentru a găsi informația. Invățați modul în care motoarele de căutare vă scanează conținutul , evaluați-l și categorizați-l pentru a vă ajuta să vă “puneți bine” cu motoarele de căutare.

Conținutul primul

Un motor de căutare intră pe site și , de cele mai multe ori , ignoră stilurile și css-ul. El doar adună conținutul și informația. Majoritatea temelor WordPress sunt create cu conținutul cât mai sus posibil în pagina nestilizată, ținând sidebar-ul și footer-ul cât mai jos. Puține motoare de căutare scanează mai mult decât prima treime din pagină înainte să plece. Asigurați-vă că tema voastră oferă conținutul la început.

Keyword-uri, Link-uri și Titluri

Motoarele de căutare nu evaluează site-ul vostru în funcție de cât de frumos este , dar evaluează cuvintele și le trec printr-un filtru, dând credit anumitor cuvinte sau combinații de cuvinte. Cuvintele găsite în tag-ul meta “keywords” și cuvintele găsite în conținut sunt comparate cu cele găsite în titluri și link-uri. Cu cât sunt mai apropiate , cu atât pagina este mai “valoroasă”.

Conținut în Link-uri și Imagini

Site-ul vostru s-ar putea să nu aibă mult text, ci mai multe fotografii și link-uri, dar aveți locuri în care să adăugați conținut contextual. Motoarele de căutare caută atributele alt și title din imagini și link-uri. În timp ce acestea au un scop mai mare , acela de a face site-ul mai accesibil, o descriere bună și cuvinte bune în aceste atribute oferă mai mult conținut de analizat motoarelor de căutare.

Popularitatea link-urilor

Contează prea puțin cât de bun e site-ul vostru, contează mai mult cât de bune sunt site-urile care au link către voi. Acest lucru contează mult pentru motoarele de căutare.  Este vorba de CINE pune un link către voi. Blogroll-urile, pingback-urile și trackback-urile sunt instalate in WordPress. Acestea vă ajută să faceți legături spre alte site-uri , lucru care le oferă credit , dar îi ajută și pe ei să facă legături catre site-ul vostru. Alte metode de a aduce link-uri spre site-ul vostru includ:

  • adăugarea url-ului site-ului în semnatura pentru forum-uri
  • înscrierra site-ul în directoare web
  • Notă: Lasarea de comentarii pe alte bloguri nu vă ajută în acest caz, deoarece toate platformele moderne de blog-ing folosesc atributul rel=”nofollow”, așa că nu deveniți spam-eri de comentarii.

Link-uri bune în Meniurile de navigare

Un motor de căutare navighează prin site-ul vostru, mutându-se de pe o pagină pe alta. Link-uri bune în meniurile de navigare spre categorii, arhive, pagini din site-ul vostru vă invită un motor de căutare să se mute de pe o pagină pe alta, urmarind link-urile de conectare astfel vizitând o mare parte a site-ului vostru.

Înscrierea site-urilor în motoarele de căutare

Există multe resurse care vă “ajută” să vă inscrieți site-urile în motoarele de căutare. Unele sunt gratuite , altele contra cost. Sau vă puteți înscrie site-ul manual în motoarele de căutare. Orice metodă ați alege , odată ce site-ul vostru a fost verificat în privința erorilor și este gata , motoarele de căutare vă vor primi site-ul bazat pe platforma WordPress.

Am înlănțuit niște recomandări pentru o înscriere cu success:

  • Asigurațivă că aveți conținut pregătit de scanarea de către motoarele de căutare. În general , să aveți mai mult de 10 articole pentru a oferi motoarelor de căutare ceva de examinat și analizat.
  • Nu vă trimiteți spre înscriere site-ul într-un motor de căutare mai mult de odată pe lună, în funcție de criteriile lor.
  • Fiți pregătiți să scrieți o descriere a site-ului vostru în mai puțin de 200 cuvinte , titlul site-ului și categoriile în care site-ul s-ar putea regăsi în motorul de căutare.
  • Pregatiți o listă cu adresele site-ului. Puteți trimite domeniul site-ului precum și feed-ul rss/atom , astfel mărindu-vă sansele de a fi acceptat.
  • Tineti o listă cu motoarele de căutare și directoarele în care a-ți propus site-ul pentru înscriere pentru a nu repropune înscrierea prea repede.

Directoare Web

Este folositor din punct de vedere al traficului și al optimizării pentru motoarele de căutare să vă înscrieți site-ul în directoare web. Atât directoarele generale cât și cele pe un subiect anume vă pot ajuta site-ul.

Cel mai important director web este DMOZ.org. Conținutul său este preluat de multe directoare și este folosit direct în diferite moduri de către marile motoare de căutare.

Resurse pentru optimizarea pentru motoarele de căutare

WordPress-ul este pregatit pentru motoarele de căutare dar există multe resurse și informații care a-ți vrea să le cunoasteți în legatură cu pregătirea și păstrarea site-ului vostru pentru motoarele de căutare.

Tag-uri meta

Tag-urile meta conțin informații care descriu scopul site-ului vostru, descrierea și keyword-urile folosite în site. Acestea sunt ținute în cadrul secțiunii “head” a fișierului header.php. Implicit ele nu sunt incluse în WordPress , dar le puteți include manual sau automat cu ajutorul diverselor plugin-uri.

Optimizarea fișierului Robots.txt

Motoarele de căutare citesc un fișier http://site.com/robots.txt pentru a lua informații în legatură cu ce să caute și ce să nu , și mai ales unde.
Specificând locul unde motoarele de căutare găsesc conținut de calitate în site-ul vostru vă puteți creste valoarea site-ului , și este recomandat de Google și de restul motoarelor de căutare.

Un exemplu de fisier robots.txt pentru WordPress:

User-agent: *
Disallow: /cgi-bin
Disallow: /wp-admin
Disallow: /wp-includes
Disallow: /wp-content/plugins
Disallow: /wp-content/cache
Disallow: /wp-content/themes
Disallow: /trackback
Disallow: /feed
Disallow: /comments
Disallow: /category/*/*
Disallow: */trackback
Disallow: */feed
Disallow: */comments
Disallow: /*?*
Disallow: /*?
Allow: /wp-content/uploads

# Google Image
User-agent: Googlebot-Image
Disallow:
Allow: /*

# Google AdSense
User-agent: Mediapartners-Google*
Disallow:
Allow: /*

# Internet Archiver Wayback Machine
User-agent: ia_archiver
Disallow: /

# digg mirror
User-agent: duggmirror
Disallow: /

Sitemap: http://www.example.com/sitemap.xml

Permalink-uri (link-uri permanente)

Permalink-urile sunt îmbunatațiri la URL-ul existent care pot influența optimizarea pentru motoarele de căutare prezentând URL-ul articolelor , paginilor și arhivelor asemănător cu http://exemplu.com/2009/05/23/titlul-articolului/ în loc de http://exemplu.com/index.php?p=423.

Având în vedere că motoarele de căutare folosesc link-uri și titluri în decizia lor, link-urile spre articolele site-ului vostru primesc importanță mai mare cu ajutorul permalink-urilor.

Sitemap-uri(Hărți ale site-ului)

Un sitemap sau “harta a site-ului” este o pagină care listează toate articolele site-ului. Este folosită pentru a oferi o idee vizitatorilor despre ce e site-ul și pentru a găsi un articol repede, dar aduce deasemenea beneficii în privința motoarelor de căutare deoarece sunt link-uri de calitate spre toate articolele voastre. Având un link spre un sitemap pe fiecare pagină , atat vizitatorii cât și motoarele de căutare vor putea cu usurința să o vadă si să vă gaseasca toate articolele.

]]>
http://wdm.ro/57-wordpress-seo-optimizarea-wordpress-pentru-motoarele-de-cautare/feed/ 16
6 modificări utile în crearea unui site pe platforma WordPress http://wdm.ro/43-6-modificari-utile-in-crearea-unui-site-pe-platforma-wordpress/ http://wdm.ro/43-6-modificari-utile-in-crearea-unui-site-pe-platforma-wordpress/#comments Mon, 07 Dec 2009 01:03:59 +0000 Eugen Dimboiu http://wdm.ro/?p=43 1.Adăugarea unei liste cu articole oriunde în tema voastră

Punând codul de mai jos oriunde în fişierele temei voastre (sidebar.php, footer.php, header.php etc.) va afișa cele mai recente 5 articole dintr-o categorie numită “Recomandate”. Aveţi posibilitatea să modificaţi valoarea lui “showposts”( = 5) si deasemenea numele categoriei. Acest lucru este util mai ales în cazul în care veţi construi o pagină principala personalizată și doriți să afișați articole recente din categorii diferite ale blogului.

<?php $my_query = new WP_Query('category_name=Recomandate&showposts=5');
while ($my_query->have_posts()) : $my_query->the_post();
$do_not_duplicate = $post->ID; ?>
<!-- POST CODES HERE -->
<?php endwhile; ?>

2.Afișarea articolelor asemănătoare fără un plugin(bazat pe tag-uri asemănătoare)

< ?php
$tags = wp_get_post_tags($post->ID);
if ($tags) {
	$tag_ids = array();
	foreach($tags as $individual_tag) $tag_ids[] = $individual_tag->term_id;

	$args=array(
		'tag__in' => $tag_ids,
		'post__not_in' => array($post->ID),
		'showposts'=>5, // Numărul articolelor care urmează să fie afișat
		'caller_get_posts'=>1
	);
	$my_query = new wp_query($args);
	if( $my_query->have_posts() ) {
		echo '
<h3>Articole asemanatoare</h3>
<ul>';
		while ($my_query->have_posts()) {
			$my_query->the_post();
		?>
	<li><a href="<?php the_permalink() ?>" rel="bookmark" title="Link permanent la  < ?php the_title_attribute(); ?>">< ?php the_title(); ?></a></li>
< ?php
		}
		echo '</ul>
';
	}
}
?></ul>

3.Afișarea informațiilor despre autorul articolului

Prin folosirea codurilor de mai jos in fișierul “single.php” al temei, veți putea afișa informațiile din profilul autorului articolului, astfel oferind câteva informații în plus. Acest lucru este foarte folositor dacă aveți multi autori ai unui blog.

<div id="author-info">
<div id="author-image">
    	<a href="<?php the_author_meta('user_url'); ?>">< ?php echo get_avatar( get_the_author_meta('user_email'), '80', '' ); ?></a></div>
<div id="author-bio">
<h4>Scris de < ?php the_author_link(); ?></h4>

< ?php the_author_meta('description'); ?>
</div>
</div>
<!--Author Info-->

4.Afișarea articolelor populare în bara laterală

Plasând acest cod în fișierul “sidebar.php” al temei voastre veți afișa cele mai populare articole ale site-ului vostru , acest lucru bazându-se pe numărul de comentarii pe care îl are fiecare articol.

<h2>Articole populare</h2>
<ul>
< ?php $result = $wpdb->get_results("SELECT comment_count,ID,post_title FROM $wpdb->posts ORDER BY comment_count DESC LIMIT 0 , 5");
foreach ($result as $post) {
setup_postdata($post);
$postid = $post->ID;
$title = $post->post_title;
$commentcount = $post->comment_count;
if ($commentcount != 0) { ?>
	<li><a href="<?php echo get_permalink($postid); ?>" title="< ?php echo $title ?>">< ?php echo $title ?></a> {< ?php echo $commentcount ?>}</li>
< ?php } } ?></ul>

5.Adăugarea “firimiturilor”(en: breadcrumbs) în tema voastră fără un plugin

Firimiturile (en: breadcrumbs) sunt un mod foarte eficient pentru a informa vizitatorul unde se află în site și pentru a-i oferi opțiunea de a găsi foarte usor alte articole din aceeași categorie. Adăugarea “firimiturilor” (en: breadcrumbs) în site-ul vostru este realizată în 2 pași – fără un plugin. Următorul cod trebuie adăugat în fișierul “functions.php” al temei voastre.

function the_breadcrumb() {
		echo '
<ul id="crumbs">';
	if (!is_home()) {
		echo '
	<li><a href="';
		echo get_option('home');
		echo '">';
		bloginfo('name');
		echo "</a></li>
";
		if (is_category() || is_single()) {
			echo '
	<li>';
			the_category('title_li=');
			if (is_single()) {
				echo "</li>
	<li>";
				the_title();
				echo '</li>
';
			}
		} elseif (is_page()) {
			echo '
	<li>';
			echo the_title();
			echo '</li>
';
		}
	}
	elseif (is_tag()) {single_tag_title();}
	elseif (is_day()) {echo"
	<li>Archive for "; the_time('F jS, Y'); echo'</li>
';}
	elseif (is_month()) {echo"
	<li>Archive for "; the_time('F, Y'); echo'</li>
';}
	elseif (is_year()) {echo"
	<li>Archive for "; the_time('Y'); echo'</li>
';}
	elseif (is_author()) {echo"
	<li>Author Archive"; echo'</li>
';}
	elseif (isset($_GET['paged']) && !empty($_GET['paged'])) {echo "
	<li>Blog Archives"; echo'</li>
';}
	elseif (is_search()) {echo"
	<li>Search Results"; echo'</li>
';}

	echo '</ul>
';
}

Codul următor trebuie adăugat în tema voastră , unde vreți să afișați “firimiturile” (en: breadcrumbs). De exemplu în single.php, page.php, archive.php etc

< ?php the_breadcrumb(); ?>

6.Folosirea unei bare laterale diferită la fiecare articol

Opțiunea de a folosi mai multe sidebar-uri pentru diferite articole este o idee extraordinara, mai ales pentru aceia care le-ar putea folosi o bară personalizată pentru conținutul unei categorii. Prima oară trebuie să găsiti codul de mai jos în fișierul single.php (deasemenea în index.php, page.php etc):

< ?php get_sidebar(); ?>

Și să-l înlocuiți cu acesta:

< ?php $sidebar = get_post_meta($post->ID, "sidebar", true);
get_sidebar($sidebar);
?>

Acum când creați un articol nou, adăugați un câmp personalizat (en: custom field) cu numele sidebar. Ca și valoare dați-i numele sidebar-ului pe care vreți să-l includeți. Așadar , dacă a-ți construit 3 sidebar-uri diferite – sidebar-categorie.php, sidebar-full.php, sidebar-extraordinar.php – trebuie doar să introduceti numele sidebar-ului pe care vreți să-l folosiți (exemplu: sidebar-categorie).

]]>
http://wdm.ro/43-6-modificari-utile-in-crearea-unui-site-pe-platforma-wordpress/feed/ 0