101 način da svoju web stranicu učinite sjajnijom

Razgovarao sam sa starim klijentom prošlog tjedna i rekla mi je: "Nick, znam da mi treba pomoć oko web stranice, ali nisam sigurna što trebam."

Pa sam se raspitao. Prijatelji, obitelj, ostali ljudi koji nisu od interneta. Svi su rekli isto:

“Treba mi kontrolni popis. Ne znam kako napraviti web stranicu. Zato moram nekoga zaposliti. Ali svejedno želim znati o čemu je riječ. "

Tako sam počeo izrađivati ​​popis svega što smo učinili na AwesomeWebu (i nekih stvari koje nismo).

Evo mog obećanja ...

... Ako popravite sve s ovog popisa, imat ćete jedno od ako ne i najbolje mjesto u vašoj industriji.

Kako znaš?

Na AwesomeWebu pregledao sam preko 1000 najboljih svjetskih slobodnjaka. Koliko znam, nikada nisam vidio web mjesto koje može označiti svaki okvir.

Kao vlasnik tvrtke koristite ovaj popis da biste znali što treba učiniti. Pošaljite ga svom dizajneru ili programeru. Neke ćete ih čak moći i sami popraviti.

Kao slobodnjak, koristite ovaj popis kako biste sve što stvorite učinili sjajnijim. Vratite se starim klijentima i recite:

„Pregledavao sam što smo izgradili i primijetio da možemo popraviti ovo, ovo i ovo. Mogu to učiniti za 500, 1000, 5000, a možete očekivati ​​ove rezultate ... "

Poanta je…

... Želim vam pomoći da web učinite još sjajnijim. Počinje ovdje, s ovim popisom.

Sjajno brendiranje

  1. Nabavite profesionalni logotip . Rijetko možete pronaći web stranicu ili blog s izvrsnim logotipom. Dakle, to je dobar način za trenutno stvaranje vjerodostojnosti.
  2. Prenesite favicon koji je spreman za mrežnicu (četvrtasta ikona na kartici preglednika). Većina web stranica ima ikone s veličinom 16 × 16 piksela. Na zaslonima mrežnice mutni su. Upotrijebite X-Icon Editor za generiranje 64 × 64 piksela.
  3. Uvijek koristite slike spremne za mrežnicu . Jednostavno provjerite je li slika dvostruko veća od spremnika, a zatim je smanjite.
  4. Koristite 2-3 boje maks . Trebali biste imati boju pozadine, boju poziva na akciju i boju naglaska.
  5. Pri odabiru palete boja započnite s komplementarnim ili trijadnim bojama . Prilagodite se od tamo. Dobre kombinacije boja daju vam dizajn koji priča priču.
  6. Nikad ne upotrebljavajte pravu crnu boju (# 000000). Čista crna boja ne postoji pa na mreži izgleda kao da joj nije mjesto. Crna je, u stvarnosti, uvijek tamna nijansa druge boje.
  7. Nikad nemojte koristiti neutralnu sivu boju (npr. #Cccccc) ako želite da vaš dizajn ima osobnost. Dodajte nijansu žute boje za pružanje topline, crvene za dobivanje energije ili plave za stvaranje povjerenja.

Izvrsna tipografija

  1. Odaberite premium font . Koristite uslugu poput Typekita. Rečeno je da 95% weba čini tipografija. S premijskim fontom najlakši je i najskuplji način ostaviti dobar dojam.
  2. Upotrijebite 2-3 fontova maks . Više je neuredno i usporava vrijeme učitavanja. Odaberite font naslova i font odlomka. Još jedan ako želite font za posebne slučajeve.
  3. Postavite veličinu fonta na najmanje 16 piksela . Bilo što manje teško je pročitati na velikim zaslonima. Na mobilnim uređajima smanjite na 12 piksela.
  4. Odaberite tipografsku ljestvicu poput povećane četvrte, savršene pete ili zlatne omjere. Pomoću ljestvice postavite veličine fonta za tekst odlomka, H4, H3, H2 i H1. Na ovoj ljestvici temeljite visine linija i margine teksta.
  5. Dizajnirajte druge tipografske elemente kao što su blok citati, nabrajni popisi, numerirani popisi, naslovi, tekst pomoći, upozorenja, istaknuti tekst, uzorci koda, kratice, pa čak i adrese.
  6. Instalirajte prilagođeni font ikone poput Font Awesome, umjesto da koristite slike za uobičajene elemente poput logotipa društvenih mreža, navigacijskih gumba i interaktivne grafike. Font ikone učitava se brže, beskrajno se skalira i daje vam slobodu da boju promijenite po želji.

Strašan izgled

  1. Koristite pravilo trećina za osnovni raspored. Podijelite svoj raspored na trećine vodoravno i okomito, a zatim poravnajte ključne točke fokusa tamo gdje se linije sijeku.
  2. Održavajte okomitu mrežu s mrežnim sustavom. Razbijte svoje sučelje u rasporede s 8, 12, 16 stupaca s izdašnim olucima između stupaca.
  3. Držite dosljedni vertikalni ritam s osnovnom mrežom . Prostor između redaka teksta jednako je važan kao i prostor između blokova sadržaja. Svaki redak teksta trebao bi imati dno margine koja se nalazi na osnovnoj liniji.
  4. Bijeli prostor je luksuzan. Tu je da stvori prostor za disanje i ravnotežu. Skrenite pogled čitatelja na ono što je najvažnije.
  5. Uravnotežite vizualne elemente svoje web stranice poput gumba, unosa, obrazaca, naslova itd. Trebali biste biti u mogućnosti zamagliti oči i pratiti put kojim želite da idu vaši korisnici.

Izvrsna korisnička sučelja

  1. Upotrijebite velike, podebljane gumbe za poziv . Svaka stranica treba imati jedan cilj. Gotovo je uvijek kliknuti gumb. Pazite da se taj gumb ne smije propustiti.
  2. Dodajte veze i aktivna stanja na veze, gumbe, ulaze i tekstualna područja. Ako odlučite posvijetliti tipke pri zadržavanju pokazivača, trebali biste osvijetliti i veze i obrube na ulazima.
  3. Budite dosljedni stilu oblika . Sva tekstualna područja i polja za unos trebaju imati isti stil. Iste boje obruba, boje pozadine, pri zadržavanju pokazivača miša, na aktivnom, tekstu rezerviranog mjesta, aktivnom tekstu itd. Provjerite jesu li tabindeksi pravilno postavljeni kako biste ih mogli listati u pravom redoslijedu.
  4. Promijenite boju posjećenih veza kako biste korisniku dali do znanja da je već bio na toj stranici.
  5. Nakon što nabavite logotip, boje, tipografiju, izgled i veličinu slika, uspostavite vodič za stil . Dobra korisnička sučelja izgrađena su s dosljednim komponentama koje su uvijek pod istim stilom.

Izvrsno korisničko iskustvo

  1. Dodajte mikrointerakcije gumbima i drugim poljima. Na primjer, gumb "Učitaj" trebao bi se promijeniti u "Učitavanje" ili "Obrada" nakon što se klikne.
  2. Nema dizanja pomicanja ! Nikad se ne petljajte sa zadanim ponašanjem preglednika. Možda mislite da je lijepo pomicati se dvostruko brže od uobičajenog, ali nije.
  3. Riješite se klizača početne stranice . Smanjuju pretvorbe i postoje bolji načini za prikaz više informacija na malom prostoru.
  4. Nikad ne koristite vrata dobrodošlice . Prilikom prvog posjeta vašoj početnoj stranici, korisnik očekuje da vidi vašu početnu stranicu.
  5. Upotrijebite naslove, podnaslove, odlomke olova, popise i opise kako biste svoj sadržaj učinili lako skeniranim. Većina ljudi koji posjete web stranicu skenirat će je prije nego što je odluče pročitati.
  6. Dodajte opisni tekst rezerviranog mjesta u sve svoje obrasce, ulaze i padajuće padajuće stranice. Ako želite da netko popuni polje na određeni način, recite mu. Za padajuća ili odabrana polja prvu opciju učinite opisnom. "Odabir godine" bolji je od "2016".
  7. Dodajte HTML5 provjeru valjanosti u obrasce kako biste pojasnili kada u obliku dođe do pogreške nakon što ga korisnik pokuša poslati.
  8. Učinite svoje web stranice dostupnima osobama s oštećenjima vida izbjegavanjem nejasnih naziva veza, smanjenjem nereda, upotrebom interpunkcije, jednostavnim izgledom, dodavanjem alt teksta na slike, korištenjem većeg teksta i održavanjem visokog kontrasta između boja teksta i pozadine.
  9. Potražite neispravne veze na svojoj web lokaciji s BrokenLinkCheck.com. Ispravite neispravne veze da se ljudi ne bi ljutili kad ih kliknu.

Strašan razvoj

  1. Provjerite je li vaša web lokacija optimizirana za mobilne uređaje kako bi se responzivno prikazivala na bilo kojem uređaju. Pravilno optimizirane web stranice za brže učitavanje brže se rangiraju i korisnicima pružaju bolji doživljaj.
  2. Generirajte i prikažite optimalnu veličinu slike . Ako prenesete veliku sliku, poput slike značajke posta na blogu, a želite je prikazati na drugim mjestima na web mjestu, poput bočne trake, pripazite da umjesto slike u punoj veličini prikažete verziju slike s minijaturom.
  3. Dodajte oznake alt i title svim slikama i vezama . Ako se slika iz nekog razloga ne učitava, vaše će mjesto na svom mjestu prikazati zamjenski tekst. Također, kada zadržite pokazivač iznad veza, preglednik prikazuje naslovnu oznaku za tu vezu.
  4. Koristite jedan d umjesto i na podebljano i kurziv teksta. Imaju isti učinak, ali imaju temeljnu razliku. je stil. je pokazatelj kako nešto treba razumjeti.
  5. Ispravite neuredan HTML . Kada kopirate sadržaj zalijepite u WYSIWYG uređivač (poput vizualnog prikaza u WordPressu), dodaje puno nepotrebnih raspona i umetnutih stilova. Prekovremeno će vaša web stranica postati nečitljiva.
  6. Kad smo već kod toga, uklonite umetnute stilove iz HTML-a. 99% vremena, vaša bi pravila za oblikovanje trebala ići u CSS datoteku, tako da možete istovremeno ažurirati sve instance komponente umjesto stranice po stranicu, redak po redak.
  7. Upotrijebite varijable Sass umjesto CSS-a da biste održali dosljednost boja i ostalih komponenti na svojoj web lokaciji. Želite promijeniti boju i svaku nijansu te boje? Ažurirajte jedan redak umjesto stotine.
  8. Veza na trajne veze, a ne na URL-ove u slučaju da promijenite domenu. Na primjer, prilikom povezivanja na određenu stranicu, vaš bi HTML trebao čitati, umjesto. Isto za izvore slika i CSS pozadine. Ako to ne učinite i web mjesto postavite na novu domenu, svi će se vaši izvori povezivati ​​na stranice i datoteke koje više ne postoje.
  9. Razvijte prilagođeni dodatak ili alat koji će pružiti jedinstvenu funkcionalnost vašoj web lokaciji. Prilagođeni softver teško je održavati, ali pružit će vam konkurentsku prednost u odnosu na slična web mjesta.
  10. Testirajte kompatibilnost s više preglednika tako što ćete provjeriti prikazuje li se vaša web lokacija pravilno u Chromeu, Firefoxu, Safariju, Internet Exploreru i drugim preglednicima. Starije verzije IE-a poznate su po lošem prikazu web stranica. Upotrijebite BrowserStack i provjerite ručno.
  11. Koristite W3C-ovu uslugu provjere oznaka da biste pronašli očite pogreške u svom HTML-u. Imajte na umu da većina web lokacija nema savršeno valjani HTML. Nije glavni prioritet, ali dobit ćete dobar osjećaj ako postoje pogreške.
  12. Postavite scensko okruženje da biste unijeli promjene na svoje trenutno web mjesto. U idealnom slučaju trebali biste imati produkcijsko mjesto, koje svi vide, i scensko mjesto na kojem vaš programer unosi promjene. Kad su promjene spremne za pokretanje, gurnite mjesto postavljanja u proizvodnju.
  13. Prikaži tekuću godinu u podnožju autorskih prava . Kada vidite web mjesto sa starim autorskim pravima, pretpostavljate da više nije aktivno. Upotrijebite PHP ili sličnu skriptu za prikaz tekuće godine umjesto statičnog teksta (npr. © -).

Izvrsna optimizacija za tražilice

  1. Odaberite jednu frazu ključne riječi po stranici za koju želite da se ta stranica rangira. Usredotočite se na optimizaciju svakog aspekta te stranice za tu ključnu riječ. Ne u smislu stavite-ovu-ključnu riječ-u-svakoj-rečenici. Samo budite pametni kako želite da se to rangira.
  2. Postavite oznake naslova bogatih ključnim riječima na svaku stranicu. Naslov se prikazuje kao plava veza u rezultatima Google pretraživanja. Ograničite na 55 znakova.
  3. Uključite jednu i samo jednu H1 oznaku po stranici. U većini slučajeva to će biti isto kao i vaša naslovna oznaka.
  4. Uključite obilje H2, H3 i H4 unutar sadržaja vaše stranice da biste stvorili podnaslove i vizualnu hijerarhiju.
  5. Optimizirajte svoju stranicu za određenu ključnu riječ tako što ćete je uključiti u naslov, H1, podnaslove i u prvu 1/3 sadržaja.
  6. Vaš meta opis se u rezultatima pretraživanja prikazuje kao opis ispod veze. Obavezno ga dodajte na svaku stranicu i navedite frazu ključne riječi.
  7. Vaša trajna veza , koja je URL nakon domene (tj. Domena.com/permalink-here/), trebala bi sadržavati frazu ključne riječi odvojenu crticama.
  8. Google u svom algoritmu uzima u obzir dob domene jer je domena koja je registrirana dugi niz godina vjerojatno izvor više kvalitete. Registrirajte svoju domenu nekoliko godina unaprijed. Ako ste registrirali domenu 10 godina, ozbiljno se bavite svojim poslom.
  9. U prosjeku, prvi rezultat na SERP-u (stranica rezultata pretraživača) za bilo koju datu ključnu riječ vodi do stranice s više od 2000 riječi po stranici . Kada pišete post na blogu ili izrađujete stranicu koju želite dobro rangirati, pokušajte otkriti barem 2000 riječi.
  10. Uvijek izradite kartu web mjesta kao datoteku sitemap.xml i stavite je u svoj korijenski direktorij tako da se prikazuje na domeni.com/sitemap.xml. Googleu govori gdje se nalaze sve vaše stranice i trebao bi se automatski ažurirati kada dodate novi sadržaj. Pošaljite ga Googleu putem Alata za webmastere.
  11. Dodajte svoje web mjesto Google Webmaster Tools da biste mogli vidjeti kako Google indeksira vaše mjesto i biti u toku ako postoje kritični problemi.
  12. Da biste pomogli rangiranju slika, uvijek preimenujte slike i druge datoteke prije slanja na vaše web mjesto (npr. Rank_for_this_keyword_phrase.png).
  13. Uključite datoteku robots.txt na svoju web stranicu kako biste web-indeksatorima rekli koje stranice trebaju, a koje ne trebaju indeksirati.
  14. Dodajte kanonsko preusmjeravanje kako biste usmjerili ne-www na www verziju vašeg web mjesta ili obrnuto.
  15. Istražite i integrirajte ključne riječi LSI (latentno semantičko indeksiranje) na svaku stranicu kako biste pomogli rangiranju stranice za glavnu frazu ključne riječi. Pronađite ključne riječi LSI guglanjem ključne riječi i pretraživanjem veza "Pretraživanja povezana s ...".
  16. Obavezno aktivno povežite svoj sadržaj . Svaka stranica na vašoj web lokaciji trebala bi biti dostupna kroz tri ili manje klikova s ​​početne stranice.
  17. Dodajte strukturirane podatke na relevantne stranice kako biste pomogli Googleu da pravilno indeksira vaš sadržaj. Tipovi stranica koji trebaju prilagođene strukturirane podatke uključuju ljude, proizvode, događaje, organizacije, filmove, knjige i kritike. Koristite Schema Creator za generiranje strukturiranih podataka.
  18. Provjerite Googleov PageSpeed ​​Insights kako biste bili sigurni da ste riješili sve uobičajene probleme koji usporavaju brzinu stranice. Što se brže učitava vaša web lokacija, to će se više rangirati.

Izvrsna brzina stranice

  1. Neka težina stranice bude manja od 2 MB . Upotrijebite tools.pingdom.com kako biste provjerili težinu stranice za svoje primarne odredišne ​​stranice. Sve što je veće od 2 MB je preteško.
  2. Zadržite zahtjeve za stranice mlađe od 50 godina . Svaka datoteka i slika na bilo kojoj datoj stranici HTTP je zahtjev. Što je manje zahtjeva, brže će se učitati. Prosječna web stranica ima 70 zahtjeva. Upotrijebite GTmetrix da biste vidjeli svoje zahtjeve.
  3. Dizajnirajte elemente stranice CSS-om umjesto pozadinskih slika . Nikada nemojte koristiti sliku za prikaz gumba, obrasca ili druge uobičajene komponente na vašoj web lokaciji. CSS se brže učitava i fleksibilniji je u responzivnim izgledima.
  4. Optimizirajte slike prije slanja na vaše web mjesto. Alati poput TinyPNG mogu smanjiti veličine datoteka slika za 80–95% bez gubitka razlučivosti ili kvalitete slike.
  5. Postavite mrežu za isporuku sadržaja za hostiranje slika i drugih većih datoteka na nekoliko mjesta širom svijeta. CDN-ovi pohranjuju i dostavljaju vaše datoteke sa strateški smještenih poslužitelja kako bi maksimizirali brzinu učitavanja, ovisno o fizičkom mjestu vašeg posjetitelja.
  6. Smanjite JavaScript, HTML i CSS pomoću alata za kompiliranje i komprimiranje prije slanja datoteka na vaše web mjesto. Za JavaScript upotrijebite Kompilator zatvaranja. Za HTML upotrijebite HTML Minifier. Za CSS koristite YUI kompresor.
  7. Premjestite JavaScript koji blokira generiranje u podnožje . Jedine skripte koje treba smjestiti u zaglavlje su skripte koje odmah utječu na dizajn stranice (npr. Prilagođeni fontovi).
  8. Izbjegavajte preusmjeravanja na odredišnu stranicu . Preusmjeravanja pokreću dodatni HTTP zahtjev koji odgađa prikazivanje stranice.
  9. Iskoristite predmemoriranje preglednika postavljanjem datuma isteka stranica i vrsta stranica koje se često ne ažuriraju. Predmemoriranje preglednika upućuje preglednik da učitava prethodno preuzete stranice s lokalnog diska, a ne putem mreže.
  10. Omogućite gzip kompresiju u konfiguraciji poslužitelja. Kompresija može smanjiti preneseno vrijeme odgovora za 90%, što poboljšava vrijeme prvog prikazivanja za vaše stranice.
  11. Omogućite Keep-Alive na postavkama poslužitelja da omogućite istoj TCP vezi slanje i primanje višestrukih HTTP zahtjeva, smanjujući tako kašnjenje za sljedeće zahtjeve.
  12. Nadogradite na namjenski poslužitelj ili premium hosting uslugu kako biste poboljšali vrijeme odziva poslužitelja. Kada koristite okruženje zajedničkog hostinga, vaša je web lokacija obično jedna od stotina na istom poslužitelju. Ako bilo koja od tih stotinu web lokacija ima puno prometa, usporit će brzinu stranice.

Strašan grafički dizajn

  1. Nabavite prilagođenu naslovnicu e-knjige za svoj bonus za prijavu. Nije ih teško stvoriti i mogu značajno utjecati na vašu stopu pretvorbe.
  2. Dizajnirajte prilagođenu grafiku ili ilustraciju za svoju početnu stranicu ili prodajne stranice. Lijepa ilustracija koja je urađena posebno za vaše web mjesto jednostavan je način da vaše web mjesto učinite nezaboravnijim.
  3. Stvorite prilagođeni dizajn ili niz prilagođenih dizajna slika značajki postu na blogu . To je slika koja se širi na Facebooku, Twitteru, Pinterestu itd. Kada korisnik vidi određenu vrstu slike povezane s objavom na blogu, trebao bi znati da ste je napisali vi.
  4. Prikažite prilagođene ilustracije avatara ili karikature za sebe i za svakog člana svog tima. Prilagođene karikature mogu biti jeftinije od angažiranja profesionalnog fotografa svaki put kad nekoga dodate u svoj tim. Osim toga, lijep je poklon novom članu tima.
  5. Prilagođene infografike koje prikazuju podatke i drugi sadržaj na vizualni način obično ostvaruju više prometa od ekvivalenta bloga. Ljudi vole dijeliti infografike na web mjestima kao što je Pinterest ili ih ponovno objavljivati ​​na vlastitim web mjestima s povratnom vezom natrag na vaše web mjesto.
  6. Ako proizvodite videozapis ili seriju videozapisa, trebali biste imati prilagođeni uvod i / ili video zapise kako biste mu dali profesionalni dodir. A da ne spominjemo ostale video grafike ili animacije koje će pomoći vašem brendu da se istakne.

Izvrsna web sigurnost

  1. Instalirajte SSL certifikat kako biste omogućili sigurnu vezu s web poslužitelja na preglednik. Većina softvera za naplatu zahtijeva SSL certifikat ako prihvaćate kreditne kartice. Google je rekao da će SSL certifikat poboljšati ljestvicu pretraživanja.
  2. Ažurirajte svoj softver i dodatke . Kad WordPress i drugi CMS softver izdaju ažuriranje, obično je potrebno popraviti ranjivost. Ako to ne učinite, samo je pitanje vremena kada će vaša web lokacija biti hakirana.
  3. Postavite dvostruku prijavu za autentifikaciju za svoje administrativne stranice. Većina hakova započinje sa stranicom za prijavu.
  4. Provjerite i uklonite zlonamjerni softver . Ako je vaša web lokacija već bila hakirana, vjerojatno su dodali oštećene datoteke koje nije lako pronaći. Ako ga ne uklonite odmah, Google bi mogao staviti vašu crnu listu na crnu listu koja stavlja vaše ljestvice i upozorava korisnike da napuste kada posjete.
  5. Nikada ne ostavljajte svoje korisničko ime admin kao “admin”. Izbrišite zadani administratorski račun i stvorite novi s drugim korisničkim imenom.
  6. Redovito izrađujte sigurnosne kopije datoteka i baza podataka . Većina sigurnosnih kopija softvera i dodataka sigurnosno kopira samo vašu bazu podataka koja uključuje podatke i sadržaj. Ali ako izgubite web mjesto, morat ćete imati sigurnosnu kopiju datoteka da biste ga vratili.

Strašan sadržaj

  1. Stvorite prilagođenu stranicu s pogreškom 404 koja će se prikazivati ​​kad god korisnik pokuša posjetiti stranicu koja ne postoji. Upotrijebite stranicu 404 da biste ih usmjerili natrag na početnu stranicu ili im pomogli pronaći ono što traže.
  2. Osim vaše početne stranice, vaša je stranica o stranici vjerojatno najposjećenija stranica na vašoj web lokaciji. Pazite da dobro predstavlja vas i vašu tvrtku.
  3. Stranica za kontakt pomoći će ljudima da vas kontaktiraju, ali stvorit će i povjerenje između vas, vaših posjetitelja, pa čak i Googlea. Pri određivanju načina rangiranja web mjesta, botovi će pronaći vašu stranicu s kontaktima i potražiti e-adresu, telefonski broj i adresu. Podaci za kontakt govore Googleu da je stranica malo pouzdanija.
  4. Dobro je da obrasci za prijavu budu strateški posipani po vašoj web lokaciji, ali također je pametno imati stisnutu stranicu s ničim osim visokom pretvorbom. Kada želite da se netko pretplati, povežite tu stranicu.
  5. Kad se netko pretplati na vaš popis, obavezno ga pošaljite na stranicu za potvrdu tražeći da potvrdi svoju e-poštu. Ako svoju e-poštu ne potvrde odmah, možda je zaborave i više se ne vrate.
  6. Nakon što kliknu vezu za potvrdu u e-poruci, pošaljite ih na stranicu zahvale gdje mogu vidjeti što slijedi. To je stranica koju će vidjeti svaki pretplatnik i vidjet će je samo jednom, pa je to savršena prilika da im date ugovor ili ih potaknete na kupnju.
  7. Vaša web stranica ili tema trebala bi imati predložak odredišne ​​stranice koji možete koristiti kada vaši korisnici trebaju da poduzmu određenu radnju.
  8. Ako nešto prodate, pobrinite se da imate lijepu prodajnu stranicu . Počnite s naslovom. Napravite mjesta za svoj teren. Možda dodajte videozapis o prodaji. I usmjerite ljude na kupnju na dnu stranice.

Strašni društveni mediji

  1. Ograničite broj gumba društvenih medija na svojim postovima i stranicama jer svaki gumb pokreće skriptu koja stranici dodaje dodatno vrijeme učitavanja. Uključite samo gumbe 1–5, npr. Facebook, Twitter, LinkedIn, Pinterest, Google+ itd. Na kojima se vaš sadržaj najčešće dijeli.
  2. Stvorite grafiku na društvenim mrežama za svoju Facebook stranicu, Twitter račun i YouTube kanal. Prilagođena grafika ostavlja odmah pozitivan dojam koji će potaknuti posjetitelje koji prvi puta vole da vole, prate i pretplaćuju se na vašu stranicu, profil ili kanal.
  3. Postavite Facebook Open Graph META oznake kako biste bili sigurni da se vaš sadržaj pravilno dijeli na Facebooku. Koristite program za pronalaženje pogrešaka na Facebooku da biste provjerili početnu stranicu, postove i druge stranice kako biste vidjeli kako se prikazuju kad netko podijeli taj URL.
  4. Postavite Twitter kartice kako biste automatski dodali bogate fotografije i videozapise svojim tweetovima kada se podijeli URL na vašoj web lokaciji. Započnite s Twitter karticama ovdje.
  5. Postavite isječke Google+ da biste prilagodili ono što ljudi vide kada se vaša web lokacija dijeli na usluzi Google+. Za generiranje koda upotrijebite vodič za isječak. Čak i ako vaša web lokacija ne voli puno Google+ ljubavi, Google će znati jeste li pravilno dodali meta podatke i to bi trebalo imati neku težinu.
  6. Uklonite ikone društvenih medija na svojoj web lokaciji koje vode do vaših profila. Učinite ih malim ili ih pokažite samo u podnožju. Svrha marketinga na društvenim mrežama je vratiti ljude na vašu stranicu, a ne obrnuto.

U redu, što mi nedostaje? Postoji li nešto što radite kao freelancer ili vlasnik tvrtke kako biste svoje web stranice učinili strašnijima?

Volio bih čuti vaše povratne informacije. Ostavite komentar ili tweet @wntart .

Ako mislite da bi ovaj popis trebalo vidjeti više ljudi, preporučite ga. Učinimo web još sjajnijim!

Živjeli,

Nick

PS Ako trebate pomoć oko bilo čega na ovom popisu, unajmite ovdje dizajnere ili ovdje programere. Imamo najbolje svjetske slobodnjake i oni će vam rado pomoći!

Ako se želite pridružiti AwesomeWebu kao slobodnjak da biste privukli više klijenata, prijavite se ovdje.