21 načina za stvaranje boljeg sadržaja u WordPressu

21 načina za stvaranje boljeg sadržaja u WordPressu


Uvijek smo biti rečeno stvoriti “dobar” sadržaj, ali osim što je vješt pisac, što još možemo učiniti? Pa reći ću vam. Moramo je razmrsiti! Moramo se usredotočiti na estetiku, prilagođenost korisnicima, optimizaciju i korištenje svih onih alata / dodataka kojima raspolažemo.

Vjerojatno znate da je iz SEO perspektive dobar sadržaj prirodno visoko rangiran i najbolja je strategija za povezivanje, društvene udjele i sve one lijepe SEO signale. Koristim svaku strategiju na ovom popisu i to mi je izuzetno pomoglo (sa SEO, jer to je ono što radim).

Nadam se da vam može i to pomoći.

1. Koristite tablicu sadržaja

Upotrijebite tablicu sadržaja da biste organizirali ključne teme (često svoje podnaslove). Ovo vam također može pomoći da ocrtate svoje članke. To traje samo nekoliko minuta i usrećit će vaše čitatelje.

1. Sadržaj
2. Kolumne
3. stolovi
4. tipke!
5. kratke kodove
6. Ugrađeni društveni status
7. Ugrađeni videozapisi8. Radne dimenzije
9. Bolja grafika
10. Nakon widgeta za unos
11. Stil slike
12. Stilovi fonta
13. Naslovi ubojica
14. komadići15. Društvena optimizacija
16. Pokaži se
17. potpisi
18. Učitavanje vremena
19. TinyMCE Advanced
20. TinyMCE Pravopis
21. Testiranje

Kako to učiniti…
Sadržaj HTML trebao bi izgledati ovako …

HTML svakog podnaslova trebao bi izgledati ovako …

Predmet prvi

Točka dva

Točka tri

Možete koristiti i skok na sadržaj veza…

  • 2. Stupci

    Stupac 1

    Stupac 2

    Kako to učiniti…

    3. tablice

    tablepress-dodatak

    Stvorio sam ovu tablicu pomoću Dodatak TablePress koji ima preko 1500 preuzimanja i solidnu recenziju sa 5 zvjezdica. CSS možete prilagoditi vašem brandingu.

    4. Gumbi!

    KONTAKTIRAJTE NAS PRIJAVITE SE PREUZIMITE NAŠU BESPLATNU KNJIGU POGLEDAJTE NAŠI PORTFOLIO

    Kako to učiniti…

    5. Prečice

    kratke kodove

    kratke kodove omogućuju vam lako dodavanje video, audio, galerija slika i drugog sadržaja jednostavnom linijom koda. Evo primjera kratkog koda za ugrađeni YouTube videozapis …

    [Youtube = http: //www.youtube.com/watch? V = JaNH5 Vpg-A]

    Neke WordPress teme dolaze s ugrađenim kratkim kodovima koji su unaprijed stilizirani kako bi odgovarali vašoj temi. Tu su i dodaci poput Prečac Ultimate ako vaša tema ne ide uz njih.

    6. Ugrađeni društveni status

    Podijelite što drugi ljudi imaju za reći ugrađujući svoje statuse na društvenim mrežama u vaš sadržaj. Obavijestite ih nakon što je objavljen i možda će ih podijeliti sa svojom publikom.

    Statusi na Twitteru

    @jm_cook @Skitzzo Kupio sam Genesis. AM ljudi su poslali više primjera prije godina. Povratila sam (poklon-kartica) osoba koja mi je dala savjet.

    – Matt Cutts (@mattcutts) 27. lipnja 2013

    @bgardner jer će ljudi pomisliti da favoriziram Genezu u odnosu na druge okvire tema. O čekaj, to je zapravo istina;) – Joost de Valk (@yoast) 31. siječnja 2012

    Kako to učiniti…
    Koristiti Napredna pretraga na Twitteru da pronađete tweet, a zatim kliknite Još -> Ugradi Tweet. Kopirajte kôd i zalijepite ga u HTML sadržaja. Gornji primjer koristi 2 tweeta u 2 stupca.

    Ugrađeni Tweet

    Facebook statuse

    Ugradi Facebook post

    Statusi na usluzi Google+

    Google+ ugrađeni post

    7. Ugrađeni videozapisi

    Opcija 1: Kopirajte vezu na Youtube i zalijepite je na svoj sadržaj (ostalo će učiniti WordPress).

    Opcija 2: Idite na YouTube videozapis koji želite ugraditi, a zatim kopirajte i zalijepite ugrađeni kod u svoj HTML. Ova metoda omogućuje vam određivanje širine i visine videozapisa:

    Ugradite YouTube video

    Opcija 3: Otvorite videozapis kada kliknete vezu pomoću veze WP Video Lightbox dodatak.

    Sakrij naslov videozapisa na Youtubeu

    Sakrij Youtube video kontrole

    8. Rad dimenzija

    Pravokutnik širine 680 piksela

    Poznavanje dimenzija sadržaja (u pikselima) pomaže vam u stvaranju grafike ili pronalaženju slika koje se uklapaju u te dimenzije. Posebno mislim na širinu tijela i bočne trake sadržaja. Budući da je tijelo sadržaja 680 širina (piksela), znam da ako koristim 2 stupca, svaka bi slika trebala biti oko 340 širine. Znam i da su widgeti bočne trake širine 295.

    9. Bolja grafika

    Započnite redizajniranjem grafike koja se pojavljuje na većini mjesta (grafika na cijelom web mjestu): logotip, slike podnožja, slike bočne trake. Zatim prijeđite na pojedinačne sadržaje (grafika dizajna sadržaja).

    Grafika na cijelom mjestu

    Grafika sadržaja dizajna

    10. Nakon unosa widgeta

    Nakon unosa WordPress

    Ovo su widgeti koje ljudi vide nakon kraja vaših članaka (koji se nalaze između odjeljka tijela i komentara). Obično imaju poziv na akciju. Za mene sam uključio okvir za biltene i svoj autorski profil. Popularni su i “povezani članci”.

    U većini WordPress tema možete ih pronaći pod (Izgled -> Widgeti -> Nakon unosa). Odlučite koje widgete želite ovdje prikazati. Ali trebalo bi nešto.

    11. Styling slike

    Stil slike WordPress

    Stil oblikujte dodavanjem obruba, margina, obloga, naslova ili drugih prilagođavanja. Postoje 4 različita mjesta za uređivanje slika, a sva imaju različite mogućnosti oblikovanja …

    • Odjeljak za medije
    • Klik na sliku i pronalazak opcije “uređivanje”
    • Pronalaženje ikone za umetanje / uređivanje slike u vašem vizualnom uređivaču
    • CSS uređivač

    12. Stilovi fonta

    Dobivate li bilo koji ideje još?

    13. Ubojice naslovi

    Sve započinje s pisanjem sjajnog naslova. “Savršen” naslov uključuje:

    • Broj
    • Pridjev
    • Vaša ključna riječ

    Ovdje je tutorial Neila Patela koji objašnjava formula za savršen naslov. Kaže da će 8/10 ljudi pročitati vaš naslov, ali da će samo 2/10 pročitati ostatak vašeg posta. Biraj mudro.

    14. Isječci

    SEO naslovi + meta opisi

    Isječci tražilice

    Vaš SEO naslov i meta opisi prednjače u vašem SEO – to su prvo što ljudi vide u rezultatima pretraživanja i na društvenim mrežama. Pisanje opisnih, uvjerljivih isječaka će povećajte klikovni postotak i privući više posjetitelja na vaš sadržaj.

    Bogati isječci

    Bogati isječci

    bogati isječci poboljšajte isječke svoje tražilice dodatnim informacijama o vašem sadržaju. To je jedan od najboljih načina da se istaknete u rezultatima pretraživanja i ostvarite više klikova.

    Popularni oblici isječaka …

    • Video
    • Recenzije
    • Recepti
    • Događaji
    • zvučni

    Kako to učiniti…

    15. Društvena optimizacija

    Svaka društvena mreža različito oblikuje vaš sadržaj, pa ćete htjeti da je optimizirana za ispravan format na glavnim društvenim mrežama (sličica je odgovarajuće veličine, a vaši naslovi i opisi prilagođeni su svakoj društvenoj mreži ako odaberete). Yoast WordPress SEO dodatak čini fantastičan posao s ovim i pretpostavit ću da ga koristite.

    Korak 1: Idite na odjeljak “Korisnici” u programu WordPress i provjerite je li svaka osoba ispunila svoja Facebook, Twitter i Google+ polja.

    Korak 2: Konfiguriranje kartice Social u Yoastu:

    Yoast Social Tab

    Facebook OpenGraph

    Yoast Facebook Opengraph

    Twitter kartice (Upamtite da Potvrdite svoje Twitter kartice)

    Yoast Twitter kartice

    Meta podaci Google+

    Meta podaci Yoast Google+

    Pinterest (nalazi se u postavkama nadzorne ploče tvrtke Yoast)

    Yoast Pinterest

    Trebat ćete potvrdite svoju web lokaciju Pinterestom i unesite kod u ovo polje.

    3. korak: optimizirajte sadržaj za dijeljenje na društvenim mrežama

    Nakon što konfigurirate Yoastine društvene postavke, uredite stranicu ili post koji želite optimizirati za društvene. Pomaknite se prema dolje do odjeljka Yoast i dodirnite karticu “Društvene mreže” …

    Yoast Optimizacija društvenih medija

    Yoast vam pruža mogućnost prikaza prilagođenih naslova, opisa i pravilno oblikovanih slika za ove glavne društvene mreže. Ako ovo ostavite prazno, koristit će se vaš SEO naslov, meta opis i vaša glavna slika (ili istaknuta slika). Dobro je barem prenijeti sliku za Facebook / Twitter / Google+ kako bi se slika pravilno oblikovala kada se dijeli na tim glavnim društvenim mrežama. Evo ispravnih dimenzija …

    • Slika za Facebook: 1200 x 630px
    • Slika na Twitteru: 1024 x 512px
    • Google+ slika: 800 x 1200px

    16. Pokažite se

    Tom Dupuis

    To sam ja!

    Na mojoj desnoj bočnoj traci vidjet ćete izrezanu verziju gdje se predstavljam. Tu bih dodao vašu biografiju jer vas ljudi mogu odmah vidjeti.

    Dodavanje widgeta bočne trake za pojedinog autora…

    Prvo stvorite svoju biografiju u HTML-u. Možete ga stvoriti u Visual Editor-u što je jednostavnije. Kada završite, idite na uređivač teksta i kopirajte biološki HTML. Sada idite na (Izgled -> Widgeti) zatim dodajte widget “Text” na svoju bočnu traku bloga. Zalijepite HTML i spremite.

    Dodajte widgete bočne trake za više autora …

    • Provjerite ima li svaka osoba svoj korisnički profil
    • Instalirajte dodatak za logiku widgeta tako da se svaka osoba prikazuje samo u svojim postovima
    • Ako je 5 ljudi, dodajte 5 tekstualnih widgeta na bočnu traku bloga
    • Zalijepite bio HTML svake osobe u njihov widget
    • Pronađite polje logike widgeta na dnu widgeta svake osobe
    • Dodajte ovaj kôd, samo moje ime zamijenite njihovim: is_author (‘tom-dupuis’)
    • Ili koristite druge uvjetne oznake za kontrolu mjesta pojavljivanja svakog widgeta

    Logičko polje widgeta

    Ako koristite Genesis Framework i imati biltene poput mene, možete ih koristiti Genesis eNews prošireni dodatak stvoriti widget s uvodom i biltenom.

    17. Potpisi

    Vidjet ćete moj potpis na dnu svakog članka koji napišem. Dodaje osobni dodir.

    Tom potpis

    Kako to učiniti…

    • Uzmite prazan komad računalnog papira
    • Napišite svoj potpis
    • Pogledajte to izbliza
    • Obrežite svoj potpis
    • Dodajte ga na kraju svojih članaka

    18. Učitavanje vremena

    Vremena učitavanja stranice

    Najlakši način za poboljšanje vremena učitavanja je kroz optimizacije na cijelom web mjestu koje utječu na cijelu web stranicu (brži hosting, lagane teme, dodaci za predmemoriju …). Sve to pokrivam u svome WordPress brzi vodič. Možete i poboljšati vrijeme učitavanja pojedinih stranica pomoću manje videozapisa, velikih fotografija i koda. Pokrenite URL do GTmetrix za preporuke.

    19. TinyMCE Advanced

    TinyMCE Advanced

    Jeste li ikada osjećali kao da nemate dovoljno mogućnosti u svom vizualnom uređivaču? Instalirajte TinyMCE Napredni dodatak da svoj sadržaj stilizirate pomoću naprednijih opcija.

    20. TinyMCE Pravopis

    TinyMCE-Spellcheck

    Prije objavljivanja članka pokušajte pokrenuti TinyMCE Spellcheck dodatak. Odaberite vrstu grešaka u kojoj se skenira u odjeljku “Korisnici” ili dodajte riječi koje želite zanemariti …

    Opcije provjere pravopisa TinyMCE

    21. Ispitivanje

    Prije nego što promovirate svoj sadržaj, dobro je obaviti neko testiranje …

    Odzivnost mobilnih uređaja – čak i ako vaša WordPress tema reagira, neki se sadržaj ne formatira uvijek ispravno. Podignite ga na svom telefonu / tabletu kako biste provjerili.

    Sadržaj (Korak 1) – ako postavljate sadržaj, uvijek testirajte svaku vezu.

    Bogati isječci (14. korak) – ako vaš sadržaj sadrži bogate isječke, upotrijebite Googleov alat za ispitivanje strukturiranih podataka kako bi bili sigurni da radi.

    Društvena odzivnost (korak 15) – da biste testirali hoće li glavne društvene mreže pravilno oblikovati vaš sadržaj, podijelite vezu na Facebook, Twitter i Google+.

    Učitavanje vremena (korak 18) – nakon što je objavljen, pokrenite URL GTmetrix da biste dobili preporuke o poboljšanju vremena učitavanja sadržaja.

    Pa se nadam da je ovo bilo od pomoći! Znam da je to puno, pa ako uopće imate ikakva pitanja, ubacite mi red u odjeljak za komentare. A ako smatrate da je moj članak koristan, molim vas podijelite. cijenim to!

    Živjeli,

    Tom potpis

    8. Rad dimenzija

    Pravokutnik širine 680 piksela

    Poznavanje dimenzija sadržaja (u pikselima) pomaže vam u stvaranju grafike ili pronalaženju slika koje se uklapaju u te dimenzije. Posebno mislim na širinu tijela i bočne trake sadržaja. Budući da je tijelo sadržaja 680 širina (piksela), znam da ako koristim 2 stupca, svaka bi slika trebala biti oko 340 širine. Znam i da su widgeti bočne trake širine 295.

    9. Bolja grafika

    Započnite redizajniranjem grafike koja se pojavljuje na većini mjesta (grafika na cijelom web mjestu): logotip, slike podnožja, slike bočne trake. Zatim prijeđite na pojedinačne sadržaje (grafika dizajna sadržaja).

    Grafika na cijelom mjestu

    Grafika sadržaja dizajna

    10. Nakon unosa widgeta

    Nakon unosa WordPress

    Ovo su widgeti koje ljudi vide nakon kraja vaših članaka (koji se nalaze između odjeljka tijela i komentara). Obično imaju poziv na akciju. Za mene sam uključio okvir za biltene i svoj autorski profil. Popularni su i “povezani članci”.

    U većini WordPress tema možete ih pronaći pod (Izgled -> Widgeti -> Nakon unosa). Odlučite koje widgete želite ovdje prikazati. Ali trebalo bi nešto.

    11. Styling slike

    Stil slike WordPress

    Stil oblikujte dodavanjem obruba, margina, obloga, naslova ili drugih prilagođavanja. Postoje 4 različita mjesta za uređivanje slika, a sva imaju različite mogućnosti oblikovanja …

    • Odjeljak za medije
    • Klik na sliku i pronalazak opcije “uređivanje”
    • Pronalaženje ikone za umetanje / uređivanje slike u vašem vizualnom uređivaču
    • CSS uređivač

    12. Stilovi fonta

    Dobivate li bilo koji ideje još?

    13. Ubojice naslovi

    Sve započinje s pisanjem sjajnog naslova. “Savršen” naslov uključuje:

    • Broj
    • Pridjev
    • Vaša ključna riječ

    Ovdje je tutorial Neila Patela koji objašnjava formula za savršen naslov. Kaže da će 8/10 ljudi pročitati vaš naslov, ali da će samo 2/10 pročitati ostatak vašeg posta. Biraj mudro.

    14. Isječci

    SEO naslovi + meta opisi

    Isječci tražilice

    Vaš SEO naslov i meta opisi prednjače u vašem SEO – to su prvo što ljudi vide u rezultatima pretraživanja i na društvenim mrežama. Pisanje opisnih, uvjerljivih isječaka povećaće vaš klikovni postotak i privući će više posjetitelja na vaš sadržaj.

    Bogati isječci

    Bogati isječci

    Bogati isječci poboljšajte isječke svoje tražilice dodatnim informacijama o vašem sadržaju. To je jedan od najboljih načina da se istaknete u rezultatima pretraživanja i ostvarite više klikova.

    Popularni oblici isječaka …

    • Video
    • Recenzije
    • Recepti
    • Događaji
    • zvučni

    Kako to učiniti…

    15. Društvena optimizacija

    Svaka društvena mreža različito oblikuje vaš sadržaj, pa ćete htjeti da je optimizirana za ispravan format na glavnim društvenim mrežama (sličica je odgovarajuće veličine, a vaši naslovi i opisi prilagođeni su svakoj društvenoj mreži ako odaberete). Yoast WordPress SEO dodatak čini fantastičan posao s ovim i pretpostavit ću da ga koristite.

    Korak 1: Idite na odjeljak “Korisnici” u programu WordPress i provjerite je li svaka osoba ispunila svoja Facebook, Twitter i Google+ polja.

    Korak 2: Konfiguriranje kartice Social u Yoastu:

    Yoast Social Tab

    Facebook OpenGraph

    Yoast Facebook Opengraph

    Twitter kartice (Upamtite da Potvrdite svoje Twitter kartice)

    Yoast Twitter kartice

    Meta podaci Google+

    Meta podaci Yoast Google+

    Pinterest (nalazi se u postavkama nadzorne ploče tvrtke Yoast)

    Yoast Pinterest

    Trebat ćete potvrdite svoju web lokaciju Pinterestom i unesite kod u ovo polje.

    3. korak: optimizirajte sadržaj za dijeljenje na društvenim mrežama

    Nakon što konfigurirate Yoastine društvene postavke, uredite stranicu ili post koji želite optimizirati za društvene. Pomaknite se prema dolje do odjeljka Yoast i dodirnite karticu “Društvene mreže” …

    Yoast Optimizacija društvenih medija

    Yoast vam pruža mogućnost prikaza prilagođenih naslova, opisa i pravilno oblikovanih slika za ove glavne društvene mreže. Ako ovo ostavite prazno, koristit će se vaš SEO naslov, meta opis i vaša glavna slika (ili istaknuta slika). Dobro je barem prenijeti sliku za Facebook / Twitter / Google+ kako bi se slika pravilno oblikovala kada se dijeli na tim glavnim društvenim mrežama. Evo ispravnih dimenzija …

    • Slika za Facebook: 1200 x 630px
    • Slika na Twitteru: 1024 x 512px
    • Google+ slika: 800 x 1200px

    16. Pokažite se

    Tom Dupuis

    To sam ja!

    Na mojoj desnoj bočnoj traci vidjet ćete izrezanu verziju gdje se predstavljam. Tu bih dodao vašu biografiju jer vas ljudi mogu odmah vidjeti.

    Dodavanje widgeta bočne trake za pojedinog autora…

    Prvo stvorite svoju biografiju u HTML-u. Možete ga stvoriti u Visual Editor-u što je jednostavnije. Kada završite, idite na uređivač teksta i kopirajte biološki HTML. Sada idite na (Izgled -> Widgeti) zatim dodajte widget “Text” na svoju bočnu traku bloga. Zalijepite HTML i spremite.

    Dodajte widgete bočne trake za više autora …

    • Provjerite ima li svaka osoba svoj korisnički profil
    • Instalirajte dodatak za logiku widgeta tako da se svaka osoba prikazuje samo u svojim postovima
    • Ako je 5 ljudi, dodajte 5 tekstualnih widgeta na bočnu traku bloga
    • Zalijepite bio HTML svake osobe u njihov widget
    • Pronađite polje logike widgeta na dnu widgeta svake osobe
    • Dodajte ovaj kôd, samo moje ime zamijenite njihovim: is_author (‘tom-dupuis’)
    • Ili koristite druge uvjetne oznake za kontrolu mjesta pojavljivanja svakog widgeta

    Logičko polje widgeta

    Ako koristite Genesis Framework i imati biltene poput mene, možete ih koristiti Genesis eNews prošireni dodatak stvoriti widget s uvodom i biltenom.

    17. Potpisi

    Vidjet ćete moj potpis na dnu svakog članka koji napišem. Dodaje osobni dodir.

    Tom potpis

    Kako to učiniti…

    • Uzmite prazan komad računalnog papira
    • Napišite svoj potpis
    • Pogledajte to izbliza
    • Obrežite svoj potpis
    • Dodajte ga na kraju svojih članaka

    18. Učitavanje vremena

    Vremena učitavanja stranice

    Najlakši način za poboljšanje vremena učitavanja je kroz optimizacije na cijelom web mjestu koje utječu na cijelu web stranicu (brži hosting, lagane teme, dodaci za predmemoriju …). Sve to pokrivam u svome WordPress brzi vodič. Možete i poboljšati vrijeme učitavanja pojedinih stranica pomoću manje videozapisa, velikih fotografija i koda. Pokrenite URL do GTmetrix za preporuke.

    19. TinyMCE Advanced

    TinyMCE Advanced

    Jeste li ikada osjećali kao da nemate dovoljno mogućnosti u svom vizualnom uređivaču? Instalirajte TinyMCE Napredni dodatak da svoj sadržaj stilizirate pomoću naprednijih opcija.

    20. TinyMCE Pravopis

    TinyMCE-Spellcheck

    Prije objavljivanja članka pokušajte pokrenuti TinyMCE Spellcheck dodatak. Odaberite vrstu grešaka u kojoj se skenira u odjeljku “Korisnici” ili dodajte riječi koje želite zanemariti …

    Opcije provjere pravopisa TinyMCE

    21. Ispitivanje

    Prije nego što promovirate svoj sadržaj, dobro je obaviti neko testiranje …

    Odzivnost mobilnih uređaja – čak i ako vaša WordPress tema reagira, neki se sadržaj ne formatira uvijek ispravno. Podignite ga na svom telefonu / tabletu kako biste provjerili.

    Sadržaj (Korak 1) – ako postavljate sadržaj, uvijek testirajte svaku vezu.

    Bogati isječci (14. korak) – ako vaš sadržaj sadrži bogate isječke, upotrijebite Googleov alat za ispitivanje strukturiranih podataka kako bi bili sigurni da radi.

    Društvena odzivnost (korak 15) – da biste testirali hoće li glavne društvene mreže pravilno oblikovati vaš sadržaj, podijelite vezu na Facebook, Twitter i Google+.

    Učitavanje vremena (korak 18) – nakon što je objavljen, pokrenite URL GTmetrix da biste dobili preporuke o poboljšanju vremena učitavanja sadržaja.

    Pa se nadam da je ovo bilo od pomoći! Znam da je to puno, pa ako uopće imate ikakva pitanja, ubacite mi red u odjeljak za komentare. A ako smatrate da je moj članak koristan, molim vas podijelite. cijenim to!

    Živjeli,

    Tom potpis

    Jeffrey Wilson Administrator
    Sorry! The Author has not filled his profile.
    follow me
    • Like this post? Please share to your friends:
      Adblock
      detector
      map