Arhive blog

Cum sa scriem Articole si Pagini in WordPress


Pentru inceput va logati folosind datele dumneavoastra la panoul de control WordPress. In mod normal adresa ar trebui sa fie de genul http://site.ro/wp-admin

Dupa care apasati in meniul din stanga ce doriti sa editati, fie Pagini, fie Articole.

Pagini si articole 1

Atat la articole cat si la pagini se va incarca o lista cu articolele si paginile pe care le aveti. Aici aveti optiunea de a editata oricare dintre aceste doua apasand pe ceea ce doriti sa editati. Daca doriti sa editati pagina About apasati pe pagina About ca in imaginea de mai jos. Totodata puteti observa ca puteti seta titlul, descrierea si cuvintele cheie pentru o mai buna clasificare in Google apasand creionul. Aceste optiuni sunt valabile si cand intrati pe pagina/articol sa il editati.

pagini si articole 2

Dupa ce ati intrat in pagina, trebuie doar puneti titlul, continutul pagini , imaginea reprezentativa ( vedeti mai jos imaginile).

pagini si articole 3

Nu uitati sa completati neaparat cuvintele cheie si sa actualizati continutul apasand pe butonul albastru Actualizeaza.

pagini si articole 4

Acelasi lucru faceti si la crearea unui nou articol/pagina, dar in loc de butonul actualizeaza veti avea publica, iar pentru creare apasati pe butonul Adauga articol sau Adauga pagina.

Pagini si articole 5

Site-ul este creat astfel incat produsele de tip: Accesories sa apara pe pagina de Accesories iar cele de tip Limited edition pe pagina de Limited Edition. Pentru acest lucru trebuie sa bifati categoria corespunzatoare fiecarui produs ( se pot bifa ambele).

Pagini si articole 6

Reactualizat august 2014: Hosturile din Romania: hqh, ghesi, quality-host, gamesiasi, panhost, hostzilla, ipvhost, dynamicspace, hostwin, nshost, despregazduire, blastwave, romarg, hostprofil, mxhost, wdp-gazduire, krond, thebit, spatiul


In ultimii 5 ani, am reusit sa ma impart in multe proiecte online si sa ma izbesc de cate un host foarte prost configurat sau de altul foarte bine pus la punct. Iata parerile mele despre toate hosturile de care m-am lovit sau m-am bucurat. Unele nu mai sunt existente pe piata, altele sunt, dar abia merg, sau altele abia acum cresc. Las si linkuri la infohost.ro acolo unde se poate. Am avut ocazia sa lucrez si cu hosturi straine… dar despre acestea voi scrie alta data.

Acest articol este actualizat in mai 2014 si in  ianuarie 2014. Am adaugat 5 hosturi cu care am colaborat si am actualizat informatiile despre 3 hosturi cu care deja lucrasem destul de mult. Prima data a articolului este septembrie 2012.

Firma Hosting Pret Calitate Suport Nota Finala
HQH 8 2 2 4
GHESI 8 8 8 8
QUALITY-HOST 8 5 7 6.66
GAMESIASI 6 6 5 5.66
PANHOST 9 9 10 9.33
HOSTZILLA 9 6 7 7.33
IPVHOST 8 6 5 6.33
DYNAMICSPACE 9 2 6 5.66
HOSTWIN 9 8 2 6.33
NSHOST 8 4 2 4.66
DESPREGAZDUIRE 10 3 7 6.66
BLASTWAVE 7 6 8 7
ROMARG & WDP-GAZDUIRE
5.5 7.5 4 5.6
HOSTPROFIL 9 4 5 6
MXHOST 10 9 9 9,3
KROND 7 10 9 8.6
THEBIT 7 7 3 5.6
BEONLINE 8 5 5 6
SPATIUL 8 8 ? ?

Nu recomand nici o firma de hosting care are nota finala sub 6 sau inclusiv 6!

Greseli facute de detinatori de siteuri


Multa lume viseaza si crede ca Internetul aduce banii visand sau crezand fara a face lucrurile corecte pas cu pas.

Ca in viata reala, daca nu urmezi niste pasi in crearea, de exemplu, a unei case, aceasta se va prabusi mai repede sau mai tarziu. Asa si cu Internetul asta. Am intalnit mai multe persoane care m-au contact ca ar avea o idee de afacere, un site sau o aplicatie pe internet care ar aduce banii. Am spus corect, ar aduce.

Orice idee/afacere/site/aplicatie trebuie bine gandita si studiata inainte de a incepe lucrul propriu-zis la ea.

Printre alte proiecte, lucrez la doua siteuri de anunturi bazate pe multi wordpress care vor sa depaseasca mercador si tocmai. Ei bine, pentru inceput, daca vrei sa faci un proiect de o asemenea maretie ai nevoie de o gandire clara si de o strategie corecta la creearea proiectului.

  1. Nu angajezi un singur om sa faca totul. Niciodata un proiect maret nu a fost facut de un singur om sau daca a fost, a durat prea mult timp si nu este o formula eficienta. Angajeaza un om pentru programare, unul pentru design, unul pentru administrare, altul pentru sem si asa mai departe.  Daca vrei ca proiectul tau sa fie unul de succes si eficient vei incepe cu resursele umane pentru ca ele iti fac visul adevarat. In cazul meu, lucrez singur la ambele siteuri, cand ar fi necesar un minim de 3 oameni.
  2. Spune din prima cat mai detaliat posibil in scris ceea ce doresti si cum doresti. Sunt de inteles micile modificari care apar in timp, dar nu sunt de inteles taskurile care se anuleaza pentru a reveni la ele sau care se schimba 360 de grade. Scrie intr-un document sau mail tot ceea ce vrei de la siteul tau. Este mult mai usor pentru cel/cei care iti vor face siteul sa iti poata estima un pret, mai ales ca daca nu sunt taskurile bine stabilite, pretul variaza si de aici pornesc conflictele. In cazul meu, ultimele 3 saptamani taskurile au fost predate oral. Prima oara am inceput sa fac unul dintre proiecte folosind platforma Osclass, plaftorma speciala pentru siteurile de anunturi, iar apoi m-am invartit 360 de grade si am ajuns sa modific un site deja existent  pe o platforma de multiwordpress.
  3. Foloseste limbajele de programare si platformele potrivite. Acest lucru tine mai mult de cel care face proiectul, dar ne intoarcem din nou la punctul 1. Alege pe cineva potrivit pentru proiectul tau si nu insista pentru platforme, scripturi si metode de programare care nu sunt eficiente. Multiwordpressul este util daca vrei sa oferi un serviciu de genul acesta, dar nu daca vrei sa faci pentru tine cateva siteuri sau subsiteuri. Cel mai bine, eventual, era sa folosesti mai multe instante de wordpress instalate total separat.
  4. Si cea mai importanta chestie. Daca CHIAR vrei sa deschizi online o afacere, un site de anunturi etc, care sa iti aduca venituri… atunci, nu e de ajuns doar sa angajezi oameni potriviti, ci si tu sa te ocupi de el. Ajuta cu detalii, cu idei si nu pierde timpul. Nu pierde o luna ca sa trimiti un document pe email care contine filtrarile care le vrei la anunturi sau alte lucruri.. Cu neimplicarea si trasul de timp nu faci decat sa maresti timpul de lucru, sa scoti mai multi bani pentru ca oameni nu vor stii ce vrei tu si tot asa.

Responsive Web Design


Responsive Web Design

Responsive Web Design (Photo credit: adactio)

In unul dintre ultimele proiecte am dat peste Responsive Web Design… si am ramas putin 😐 .

Dar dupa o cautare pe Google am gasit ce inseamna Responsive Web Design.

2. Responsive design. Asa cum spuneam mai inainte, termenul de responsive design se refera la adaptarea continutului pentru orice tip de device, indiferent de rezolutia ecranului. Principalele avantaje ale acestei tehnologii sunt:

– Fluidizarea continutului si a nivelului de date indiferent de dimensiunile ecranului device-ului folosit.
– Imaginile sunt de o calitate ridicata, flexibile, astfel ca urmarirea stirilor sau parcurgerea unor galerii foto se poate face in conditii optime, la rezolutii ridicate.
– Dat fiind faptul ca este un upgrade al Mobile Firts, principalele capacitati ale acestei tehnologii au fost imbunatatite, adaugandu-se alte facilitati care sa optimizeze continutul nu doar pentru telefoanele mobile ci si pentru tablete, indiferent de natura si dimensiunea display-ului.

http://blogatu.ro/2013/02/responsive-web-design.html

Eu aveam de modificat o tema premium astfel incat sa ramana responsive, sa fie designul mai ok si sa primeasca cateva modificari usoare cum ar fi schimbarea culorii fundalului, a fontului si alte lucruri.

Peste ce m-am lovit mai tare a fost sa fac o imagine dintr-un articol Responsive si mi-a luat cateva minute pana am gasit pe tatal Google ceva interesant, desi nu foarte practic. Nu era prea practic pentru ca trebuia la fiecare imagine inserata sa mai adaugi niste taguri in articol si asta putea fi chiar enervant. Totusi pentru moment solutia e ok si o recomand si voua.

Ca sa faci o imagine responsive trebuie sa facem un shortcode:

  1. adaugi la sfarsitul fisierului functions.php din dosarul temei tale activate urmatorul cod:

     function responsive_images($atts, $content = null) {
    return ‘<div>’ . $content .'</div>’;
    }
    add_shortcode(‘responsive’, ‘responsive_images’);

  2. adaugi la sfarsitul fisierului style.css din dosarul temei tale activate urmatorul cod:

    @media only screen and (max-width:767px) {
    .image-resized img{
    width:100%;
    height:auto;
    }
    }

  3. in articol adaugati shortcodeul [responsive] ca in exemplul de mai jos:
[responsive]<img src="image_url" alt="alt" title="title" />[/responsive]

Ca sa testati siteul vostru pe mai multe rezolutii folositi aplicatia online al lui Matt Kersley : http://mattkersley.com/responsive/.

Multumesc lui Lorin de la key27 pentru acest proiect care mi-a largit viziunea.

Multumiri celor care au creat si promovat articolul initial:

Sugestii Seo si Design pentru litrainternational.com


Sugestii Seo si Design pentru litrainternational.com

Cum am scris intr-un post anterior, lucrez pentru un italian caruia ii fac seo si design la siteuri. Neintelegandu-ne prea bine pe skype pentru ca are o conexiune la internet mai slaba, i-am facut sugestii seo si de design la alt site decat la cel care vroia, adica la litrainternational.com. Ei bine, remarcile pentru acest site le voi scrie in acest articol.

Dupa ce am testat siteul cu diverse aplicatii online de verificare a sintaxei CSS, HTML, dar si in legatura cu linkurile stricate sau duplicate am primit mai multe rapoarte destul de ingrijoratoare:

Cu stupoare am constatat ca cel putin jumatate din pagini nici macar nu existau, cum ar fi :  http://www.litrainternational.com/commercialcoverings/ , sau cele de la galerie.

O alta problema este lipsa faviconului care defineste un brand, dar si duplicitatea meniurilor, astfel ca meniul principal se regasea si sub bannerul din dreapta cu estimate, doar ca lipsea pagina About Us.

Faptul ca toate paginile aveau aceleasi titluri, dar si cuvinte cheie ( keywords) si descrierii era o alta problema. Cand o persoana cauta ceva particulat pe google, nu va reusii sa gaseasca pentru ca toate paginile siteului au acelasi titlu si toate sunt afisate la fel, deci persoana nu va ajunge pe pagina corecta.

Lipsa unui blog cu continut constant, cat si a mediilor sociale: Facebook si Twitter sunt un alt factor care nu ajuta la promovarea siteului si prin urmare, a produselor si a brandului Litra.

Numele imaginilor sunt in italiana, desi ar fi trebui sa fie in limba siteului lucru care ar ajuta persoanele care cauta imagini cu produsele Litra pe google si nu le gasesc pentru ca ele nu exista in limba persoanei respective. Atributele alt pentru imagini si title pentru linkuri lipsesc sau nu sunt unice, un alt fapt care ajuta la cautarea pe Google.

Un alt sfat care l-am dat este utilizarea intensa a Google Analytics, Google Webmaster Tools, Bing Webmaster Tools si Yahoo Webmaster Tools, cat si folosirea sitemap.xml, robots.txt si introducerea in directoare de linkuri .

Pentru tablete si smartphoneuri, e o alta poveste. Practic siteul, desi are un design responsive, nu este compatibil cu browserele de pe tablete si smartphoneuri. Pe langa probleme de sintaxa, mai sunt si altele care se pot rezolva usor.

Ca si solutii am oferit WordPress cu cateva pluginuri si o tema aleasa, solutie care ar rezolva si SEO datorita facilitatilor pluginurilor si a Wordpresului insusi, dar si un template ca si design general pe toate siteurile indiferent de limba lor, aceasta fiind singurul lucru care sa le deosebeasca si eventual numarul de telefon pentru contact. Templateul sugerat pentru toate siteurile este cel de la siteul principal al carui review i-am facut in acest articol.

litrainternational

%d blogeri au apreciat asta: