Salom aziz do'stlar va blog saytining mehmonlari! Bugun biz WordPress saytining SEO optimallashtirish mustaqil ravishda va uchinchi tomon plaginlaridan foydalanmasdan qanday amalga oshirilishi haqida gaplashamiz. Agar sizni ushbu savol qiziqtirsa, men sizdan ushbu materialni oxirigacha o'qib chiqishingizni so'rayman. Ushbu maqolaning oxirida siz kerakli fayllarni ishchi kodlari bilan yuklab olish uchun havola olasiz, bu sizning saytingizni sezilarli darajada yaxshilaydi va tezlashtiradi. Qiziqmi? Keyin ketaylik ...
WordPress SEO optimallashtirish uchun tonna plaginlar mavjud. Va siz ular haqida eshitgansiz va ularning ko'plarini bilasizmi? Agar yo'q bo'lsa, unda bu muammo emas! Men bu plaginlar haqida oldingi materiallarimda yozganman (siz saytdagi qidiruvda sizni qiziqtirgan plaginni yozib o'qishingiz mumkin!), Va agar birdan qidiruv uni topa olmasa, izohlarda yozing va men albatta yozaman. kelajakda bu haqda!
Ammo bugun, ehtimol siz taxmin qilganingizdek, biz sayt uchun SEO plaginlari haqida emas, balki aksincha ...
Veb-saytingizda plaginni optimallashtirishda uni ishlatishdan qanday qochish kerak? Endi men sizga aytaman va oxirida sizga juda kerakli fayllarni yuklab olishga ruxsat beraman, hatto WordPress dvigatelidan foydalanadigan blogger uchun zarur bo'lgan fayllar, saytni himoya qilish va tezlashtirishga yordam beradigan kodlari bo'lgan fayllar.
Lekin birinchi navbatda, saytingiz SEO optimallashtirishni talab qilishiga ishonch hosil qilaylik ...
Optimallashtirishdan oldin saytni qanday tekshirish mumkin?
Ushbu maqsadlar uchun maxsus xizmat mavjud va u sizning manbangizga SEO saytini optimallashtirish uchun plaginni yuklab olish va o'rnatishni taklif qiladi - Aniqlash
Veb-sayt manzilingizni qatorga qo'ying va uni butunlay bepul tekshiring. Tekshiruvdan so'ng siz saytingiz umuman optimallashtirilmaganligini va buzg'unchilarga nisbatan juda zaif ekanligini ko'rasiz. Bu sizning monitoringizda paydo bo'ladigan narsa:
Albatta, resursingizni optimallashtirish uchun ushbu plaginni yuklab olishingiz va saytingizga o'rnatishingiz mumkin, lekin men o'zimni takrorlayman va aytamanki, bugun biz hech qanday plaginlardan foydalanmasdan saytimizni optimallashtirish ustida ishlamoqdamiz. Bu dvigatelni yuklamaslik uchun! Davom etaylik...
Endi uni optimallashtirish uchun sayt fayllarida maxsus kodlarni qo'llaganimdan keyin sayt bilan nima sodir bo'lishini ko'rib chiqamiz:
Ha, men bu plagin bizga mutlaqo bepul taqdim etilmaganligini aytishni butunlay unutib qo'ydim, lekin siz uni sotib olishingiz kerak !!! Sizga kerakmi? men yo'q!
Agar siz ham o'zingiz qilishingiz mumkin bo'lgan narsani sotib olishingiz shart bo'lmasa va bepul ?! Keyin davom etaylik ...
WordPress saytingizni plaginsiz qanday qilib optimallashtirish mumkin?
Bu juda sodda tarzda amalga oshiriladi va har biringiz uchun ochiq bo'ladi. Resursingizning HTML va CSS qurilmasini tushunmasangiz ham!
O'ylaymanki, har biringiz saytingizning asosiy papkasiga va mavzu papkasiga yo'l topasizmi? Shundaymi?! Agar yo'q bo'lsa, uy egasidan so'rang, u sizni aniq taklif qiladi!
Bu yerda Yuklab olish havolasi maqolaning boshida men tomonidan va'da qilingan fayllar, qaysi yordamida wordpressni optimallashtirish bu siz uchun muammo bo'lmaydi!
Ichkarida sizga yordam beradigan kichik tavsif bo'ladi va agar sizda biron bir savol bo'lsa, sharhlarda yozing va men sizga yordam berishga harakat qilaman!
Hammaga omad va farovonlik, lekin men xayrlashaman ... Keyingi safargacha!
Salom aziz o'quvchilar. Saytdagi shunga o'xshash yozuvlar, masalan, non bo'laklari, sahifalarni o'zaro avtomatik bog'lash usullariga ishora qiladi. Ular odatda vertikal yoki gorizontal blokga o'xshaydi (quyidagi rasmga qarang), unda ba'zi bir mezonlarga ko'ra ma'lumotlar bazasidan tanlangan bir nechta postlar mavjud. Blok plaginlar yordamida yoki functions.php fayliga PHP kodini kiritish orqali amalga oshirilishi mumkin. Bugun men sizga ikkinchi yo'lni ko'rsatmoqchiman, ya'ni. plaginlarsiz toza koddan foydalanish.
PHP kodi
Qoidaga ko'ra, WordPress-da shunga o'xshash xabarlarni tanlash sarlavhalar (toifalar) bo'yicha amalga oshiriladi. Quyida functions.php fayliga kiritilishi kerak bo'lgan funksiya mavjud. Funktsiya batafsil sharhlar bilan ta'minlangan.
Funktsiya related_posts () (global $ post; $ titleRelated = "Shuningdek o'qing"; // O'xshash postlar blokining nomi $ countPosts = 3; // ko'rsatiladigan xabarlar soni // post $ toifalariga tegishli barcha toifalarni oling = get_the_category ($ post -> ID); if ($ toifalari) (// barcha toifadagi identifikatorlar massivini yaratish $ categoryIds = massiv (); foreach ($ kategoriyalari $ kategoriyasi) ($ kategoriyalar = $ kategoriya-> term_id; ) // bazalardan tasodifiy tartibda shu kabi xabarlarni olish $ relatedPosts = yangi WP_Query (massiv ("mushuk" => $ categoryIds, "posts_per_page" => $ countPosts, "post__not_in" => massiv ($ post-> ID), " orderby" => "rand" )); // o'xshash postlar blokini chiqaring, agar ($ relatedPosts-> have_posts ()) (?>
Endi, shunga o'xshash xabarlarni ko'rsatmoqchi bo'lgan joyda, tegishli_posts_categories () funktsiyasini yozing. Masalan, bu single.php fayli bo'lishi mumkin.
Blokni shakllantirish
Endi post blokini uslublash uchun faol mavzuning style.css fayliga quyidagi kodni qo'shing.
Tegishli postlar (tegishli cheti: 50px;). Tegishli xabarlar h4 (matnni oʻzgartirish: katta harf; shrift ogʻirligi: qalin;). Tegishli xabarlar ul (roʻyxat uslubi: yoʻq; toʻldirish-chap: 0; toʻldirish: yashirin;) .related-posts li (float: chap; eni: 33,3333%;) .related-posts li .wrap-related- one-post (padding: 0 7px;) .related-posts li: first-child .wrap -aloqador-bitta-post (to‘ldiruvchi-chap: 0;) .related-posts li: oxirgi-child .o‘rash bilan bog‘liq-bir post (to‘ldirish-o‘ng: 0;) .tegishli-postlar li .o‘rash bilan bog‘liq-bir -post (kengligi: 100%; ortiqcha: yashirin;) .related-posts a (displey: blok;) .related-posts a img (-webkit-transition: transform 0,2s in-out; -moz-transition: transform 0,2s qulaylik; -ms-o'tish: transform 0,2s oson-chiqish; -o-o'tish: transform 0,2s oson-chiqish; o'tish: transform 0,2s oson-chiqish;). bog'liq-posts a img: hover (-webkit-transform: masshtab (1.1); -moz-transform: masshtab (1.1); -ms-transform: masshtab (1.1); -o-transform: masshtab (1.1); transform: masshtab (1.1); filtr: kulrang rang (100%);)
Ushbu kod kichik animatsiya effektlarini o'z ichiga oladi, ularni ixtiyoriy ravishda olib tashlashingiz yoki o'zingiz bilan almashtirishingiz mumkin.
Ana xolos. Hammaga omad!
Ba'zi veb-ustalar bitta plaginsiz WordPress saytiga ega bo'lishni xohlashadi. Plaginlarning katta ro'yxatidan foydalanadiganlar uchun bu nima uchun kerakligi aniq bo'lmasligi kerak.
Darhaqiqat, veb-ustalar guruhining ikkalasi ham to'g'ri va ikkalasi ham bir vaqtning o'zida noto'g'ri. Plaginsiz WordPress juda mumkin, ammo to'liq emas.
Keling, ushbu masalani batafsil ko'rib chiqaylik.
Nima uchun sizga plaginsiz WordPress kerak
Har bir WordPress plagini serverga yuklaydi. Shunday qilib, har safar sayt yuklanganda, hosting serveri ma'lum bir yukni oladi va bu yuk plaginlar soni bilan ortadi. Yuklanish tashrif buyuruvchilarning ko'payishi bilan o'sib boradi, chunki har bir kishi serverni yuklaydi.
Server tafsilotlariga kirmasdan, aytaylik, ko'plab plaginlar saytni sekinlashtiradi va shuning uchun u sekin ishlaydi, plaginlar qancha ko'p, tashrif buyuruvchilar ko'proq va hosting zaifroq. Aytgancha, saytingizni yuklash uchun qancha vaqt ketishini qanday topish mumkinligini o'qing.
Bu erda WordPress-ni plaginlarsiz yaratish g'oyasi paydo bo'ladi.
WordPress-ni plaginlarsiz qilish mumkinmi?
WordPress saytida ko'paytiriladigan funktsiyalarning aksariyati plaginlarsiz amalga oshirilishi mumkin. Biroq, bu ko'rinadigan darajada oson emas. Buning uchun, masalan, plaginsiz, kerakli kodni kerakli joyga, kerakli faylga yozishingiz kerak. Bu kodni yozish shart emas va uni Internetda topish oson, lekin uni o'zingiz kerakli joyga qo'yishingiz kerak bo'ladi. Va agar siz xato qilsangiz, eng yaxshi holatda, funktsiya ishlamaydi. Eng yomoni, butun sayt ishlamaydi. Va keyin uni qayta tiklashingiz kerak. Qaysi fayl va qayerda o'zgarishlar qilganingizni eslab qolsangiz yaxshi bo'ladi. Va agar yo'q bo'lsa, unda siz buni zaxiradan qilishingiz kerak.
Oddiy qilib aytganda, WordPress plaginini bepul qilish uchun bilim va tajriba kerak bo'ladi. Va hamma ham ularga ega emas. Va keyin, WordPress shunga qaramay, har bir kishi ko'p bilim va tajribaga ega bo'lmagan holda veb-sayt yaratishi uchun yaratilgan.
Plaginlarsiz WordPress unchalik funktsional bo'lmaydi va u yoki bu funksiyani sozlash unchalik oson bo'lmaydi. Shunday qilib, agar siz, masalan, plaginsiz slayder yasamoqchi bo'lsangiz, undagi rasmlarni qo'shish va almashtirish uchun siz kodni tahrirlashingiz kerak bo'ladi va bu diqqat va diqqat bilan amalga oshirilishi kerak. Slayderlar uchun plaginlar sayt elementini tahrirlashda juda ko'p o'ylamaslikka imkon beradigan bir paytda.
Sizga plaginlarsiz WordPress kerakmi
Yuqoridagilardan so'ng, javob aniq - yo'q, WordPress-ni plaginsiz, hech bo'lmaganda to'liq bajarishingiz shart emas. O'lchovning bir tomonida serverdagi yuk, ikkinchisida - kodni tahrirlashning uzoq soatlari. Tanlov aniq. Bundan tashqari, agar siz yaxshi hostingdan foydalansangiz, siz yukni sezmaysiz.
Biroq, siz hali ham WordPress plaginisiz ba'zi oddiy funktsiyalarni amalga oshirishga harakat qilishingiz mumkin. Bu bebaho tajriba beradi.
Nisbatan yaqinda, bir necha oy oldin, men uzoq vaqtdan beri qidirayotgan narsamga qoqilib qoldim. Skript ishlayotgan edi, lekin baribir kichik kamchiliklar bor edi, shuningdek, Google bilan bir murabbo, men bu haqda birozdan keyin yozaman. Keling, reytingni amalga oshirishga o'taylik. Misol quyida rasmda yoki ushbu saytdagi har qanday maqola ostida. 5 yulduzni bosish orqali uning qanday ishlashini tekshirishingiz mumkin. Qandaydir kamtar emas, to'g'rimi? 🙂
Saytingizda reytingni ikki xil usulda o'rnatishingiz mumkin. Barcha baholash kodlarini alohida fayllarga qo'shing, ularni bitta papkaga joylashtiring, ularni WordPress mavzuingizga qo'shing va keyin hamma narsani mavzu kodiga kiriting. Men qilganimdek, siz barcha kodlarni to'g'ridan-to'g'ri mavzu fayllariga kiritishingiz mumkin. Har qanday holatda, birinchi navbatda, reyting fayllari bilan arxivni yuklab oling.
Agar siz uni alohida papkada qoldirishga qaror qilsangiz, arxivdan papkani mavzuingizga qo'shing. Keyin, hamma narsani tartibda ulang.
- Oching header.php va yopilish oldida bosh Java-ni o'z ichiga oladi - fayl va reyting uslublari fayli: /ratings/rating.css ">
- Oching functions.php va oxirida, oldin ?> PHP reyting skriptini o'z ichiga oladi. talab_bir marta ("reytinglar / reyting.php");
- Yozuv faylini va kerakli joyda oching single.php, reytingni ko'rmoqchi bo'lgan joyga quyidagi funksiya chaqiruvini qo'shing:
Ehtimol, agar sizda kutubxona mavzusiga ulanish bo'lmasa jQuery yoki siz buni oldin qilmagan bo'lsangiz, keyin uni ulang, lekin Java faylini birinchi xatboshidan ulashdan oldin.
Jildda qo'shimcha yulduzchali papka ham mavjud. Odatiy bo'lib, ular meniki kabi ishlatiladi, men ularni o'zim chizganman, agar xohlasangiz, papkadagi yulduzlardan foydalanishingiz mumkin yulduz 2... Agar kerak bo'lsa, siz o'zingizning yulduzlaringizni, yuraklaringizni va boshqalarni chizishingiz mumkin.
Har bir narsa to'g'ri bajarilgan bo'lsa, natijani ko'rasiz. Keraksiz fayllarni ulamasdan o'rnatish uchun siz barcha kontentdan nusxa ko'chirishingiz mumkin reyting.css uslublar sahifangizga style.css.
Bundan tashqari, rating.php-ni functions.php-ga qo'shish o'rniga, uning barcha mazmunini shunchaki nusxalashingiz mumkin, birinchi qatordan tashqari va oxiriga oldin kiriting ?> .
rating.js- uni mavzuning ildiziga o'tkazing va keyin uning sarlavhadagi ulanishi quyidagicha bo'ladi:
2 ta yulduzcha tasvirini jildga ko'chiring - tasvirlar, Sizning mavzuingiz. Keyin reyting qo'ng'irog'ini to'g'ri joyga ulang va tamom.
Googleda postlar reytingini ko'rsatish
Yuqorida yozganimdek, dastlab bir qator xatolar yuzaga keldi va Google juda asabiylashdi, ehtimol skript eski bo'lganligi va chiqish qoidalari o'zgarganligi sababli, umuman olganda, biroz o'ylab topib, kerakli natijaga erishdim.
Mikro-belgilashdan so'ng siz tashrif buyurishingiz kerak - Google-ning Validation Tool. U erda siz havolani ko'rasiz - URL orqali maʼlumotlarni oling, ustiga bosing va paydo bo'lgan maydonga siz ovoz bergan sahifaning manzilini kiriting va bosing OLISH VA TEKSHIRING:
Sizning oldingizda ikki qismga bo'lingan sahifa bo'ladi. Chap tomonda sahifangizning html-kodi, o'ng tomonda hisobot joylashgan. Hisobot tepada yashil rangda yozilishi kerak - Hammasi joyida... Agar shunday bo'lsa, unda siz bir yoki ikki kun kutishingiz kerak. ->
Google tezda qabul qiladi va siz ovoz bergan postlaringizdan birinchi natijalarni olasiz. Men bilan shunday bo'ldi:
Oson dars emas, lekin bir marta bajarilsa, bu qiyin bo'lmaydi. Oddiy reyting, lekin juda funktsional va plagindan ancha engilroq.
Bu shunday ko'rinadi:
Hammasi shu, e'tiboringiz uchun rahmat. 🙂
WordPress-ning ajoyib jihatlaridan biri plagin tizimidir. Oddiy blogni kengaytirishdan tortib kuchli axborot tizimigacha, turli vositalarni qo‘shish va SEO ehtiyojlari uchun blogingizni optimallashtirishgacha, WordPress plaginlari siz tasavvur qiladigan deyarli har qanday muammoni hal qiladi. Imkoniyatlarda hech qanday cheklovlar yo'q (bundan tashqari, siz turli mavzulardan foydalanishni ham qo'shishingiz kerak).
Ammo ko'plab plaginlardan foydalanish WordPress saytingizning tiqilib qolish xavfini oshiradi. U erda bir-biriga mos kelmaydigan yoki veb-saytingiz tezligini sezilarli darajada sekinlashtiradigan ko'plab plaginlar mavjud.
Ushbu qo'llanmada biz plaginlarsiz shunga o'xshash blog postlari bilan qanday ishlashni ko'rib chiqamiz.
Nega plagindan foydalanishni to'xtating?
Plaginlardan ko'ra ichki kod va WordPress funksiyasidan foydalanishni afzal ko'rishingizning ko'p sabablari bor.
Birinchidan, blogingizni davom ettirish uchun uchinchi tomonga (plagin ishlab chiqaruvchisi) ishonishingiz shart emas. Ko'pincha mashhur plaginlar ishlab chiquvchilar tomonidan qo'llab-quvvatlanmaydi va ko'plab sayt egalari o'zlarini eskirgan va potentsial xavfli uchinchi tomon kodlari bilan bog'lab qo'yishadi.
Yana bir sabab shundaki, siz saytingizni “osib qo‘yadigan” yoki sekinlashtiradigan plagin kodidan foydalanish xavfidan qochasiz (garchi bunday holatlar rasmiy WordPress katalogidagi plaginlardan foydalanganda juda kam uchraydi).
Ushbu funktsiya asosiy maqola sahifasida (single.php fayli) foydalanish uchun mo'ljallangan, ammo siz kodni WordPress siklida kerak bo'lgan joyda qo'llashingiz mumkin. Shunga o'xshash xabarlarni tanlash uchun maqolalarga yopishtirilgan teglardan foydalaniladi.
Miniatyuralar
WordPress-da bizga kerak bo'ladigan eskizlar bilan ishlash uchun o'rnatilgan tizim mavjud. Uni ishlatish uchun ushbu kodni mavzuingizning functions.php fayliga qo'shishingiz kerak (ko'p hollarda bu kod allaqachon mavjud).
qo'shish_mavzuni_qo'llab-quvvatlash ("post eskiz");
Bundan tashqari, eskizning balandligi va kengligini oldingisiga quyidagi kod qatorini qo'shish orqali o'rnatishingiz mumkin:
post_kizi_oʻlchami (100, 50, rost);
Muhim: postga rasm qo‘shganda, eskiz yaratish uchun rasm yuklash panelidagi “Eskiz sifatida foydalanish” tugmasini bosing.
Kod
Kod single.php fayliga qo'shiladi:
The_post_thumbnail (massiv (150,100)) ko'rsatiladigan eskiz hajmini o'rnatadi (bizning holatda, 150px x 100px).
CSS
Bizda ikkita sinf mavjud: konteyner uchun ishlatiladigan ".relatedposts" va konteynerga joylashtirilgan eskiz va havolalarga qo'llaniladigan ".relatedthumb". Pochta qutisining kengligi 640px deb taxmin qilinadi. CSS kodi:
Tegishli xabarlar (kengligi: 640px; hoshiya: 0 0 20px 0; float: chap; shrift oʻlchami: 12px;). Tegishli xabarlar h3 (shrift oʻlchami: 20px; hoshiya: 0 0 5px 0;). Tegishli bosh barmogʻi (chet: 0 1px 0) 1px; float: chap;).Relatedthumb img (chegara: 0 0 3px 0; toʻldirish: 0;) .relatedthumb a (rang: # 333; matn bezatish: yoʻq; displey: blok; toʻldirish: 4px; eni: 150px; ) .relatedthumb a: hover (fon rangi: #ddd; rang: # 000;)
Yuqoridagi CSS kodi 150px kenglikdagi post eskizlarini chiqaradi. Ya'ni, biz 640px post kengligida 4 ta eskiz olamiz (ular orasidagi chegaralarni ham qo'shgan holda). Agar sizga boshqa raqam kerak bo'lsa, sozlamalarni o'rnatishingiz kerak bo'ladi: masalan, 5 ta eskizni joylashtirmoqchi bo'lsangiz, .relatedthumb sinfidagi kenglikni taxminan 125 pikselga o'rnatishingiz kerak.
Muhim: WordPress media sozlamalari tomonidan yaratilgan eskiz kengligi CSS-da ishlatiladigan qiymatlarga mos kelishi kerak. Shuningdek, u PHP kodida o'rnatilgan qiymatlarga mos kelishi kerak: the_post_thumbnail (massiv (150,100).
Misol
DigitalBattle blogi o'xshash yozuvlar ro'yxatini yaratish uchun tavsiflangan usuldan foydalanadi:
Shunga o'xshash yozuvlarga ega bo'lgan blok sizning xohishingizga ko'ra tuzilishi mumkin. Misol uchun, "Siz ham yoqtirishingiz mumkin" sarlavhasi juda mashhur.
Xulosa
WordPress ko'p hollarda uchinchi tomon plaginlarini ishlatishdan voz kechish imkonini beruvchi ko'plab o'rnatilgan xususiyatlarga ega. Siz har doim plaginlarsiz muqobil echimlarni izlashingiz kerak. WordPress qanchalik ko'p qila olishiga hayron qolasiz.