کمک وردپرس

بهینه سازی کد نویسی قالب وردپرس

بروز رسانی شده در ۲۷ خرداد ۱۳۹۶
  • (5)
Overall
5
Sending
امتیاز کاربران
5 (2 نظر)

بهینه سازی کد نویسی قالب وردپرس

در یک سال گذشته html5 به عنوان یکی از اولویت و استاندارد های مهم در سئو و بهینه سازی وردپرس و سیستم های دیگه تبدیل شده است و به عنوان معیاری برای نمایش در نتایج موتورهای جستجو و بخصوص گوگل در نظر گرفته می شود اگر از پوسته و قالبی که استفاده می کنید از کدنویسی html استفاده شده است حتما قالب وردپرس تان را به html5 تبدیل کنید و علاوه بر آن کدنویسی قالب با رعایت استانداردهای w3c قالب وردپرس تان معتبر و ولید کنید .

در این آموزش وردپرس با ما همراه باشید … .

بهینه سازی کد نویسی قالب وردپرس و ارتقاء آن به html5 به همراه ولید کردن قالب وردپرس در کنسرسیوم جهانی وب w3c با توجه به متن بالا یکی از اولویت های نتایج موتورهای جستجو میباشد لذا اگر خدمات طراحی قالب وردپرس خود را به تیمی خارج از تیم خود سپرده اید حتما به این نکته توجه کنید .

بهینه سازی کد نویسی قالب وردپرس

از نکات سئو و بهینه سازی سایت های وردپرس برای موتورهای جستجو و بخصوص گوگل بهینه بودن و یا در ولید بودن کدهای html و css قالب سایت های وردپرسی است ، خطاهای موجود در قالب وردپرس به دلیل رعایت نکردن استانداردهای تعیین شده از کنسرسیوم w3c توسط فرد کدنویس و برنامه نویس سایت وردپرسی بوجود می آید از مراتب خطاها می توان مواردی همچون :

  • نبستن متاهای سایت
  • استفاده از روش غیر حرفه ای برای بستن تگی خاص
  • به کار نبردن تگ alt در تصاویر
  • استفاده از تگهای نامتعارف و منقضی شده و …

را نام برد.

برای بررسی معتبر بودن کدهای وب سایت وردپرسی تان می توانید به سایت w3.org و استفاده از بخش Markup Validation Service برای بررسی html سایت و همچنین مراجعه به ادرس CSS Validation Service برای اعتبار سنجی css سایت اقدام کنید با وارد کردن آدرس سایت در فیلد موجود اگر کدنویسی قالب مشکلی نداشته باشد با عبارت passed در html و با عبارت no error found در css مواجه می شوید اما در صورت داشتن خطا تعداد خطاها و محل وقوع خطا نمایش داده شده و راهکاری برای رفع آن نیز پیشنهاد می شود با یک متخصص در مورد مشکل پیش آمده صحبت کنید.

بیشتر بخوانید :  فاکتورهای موفقیت در سئو وردپرس – مرحله هفتم

یکی از موضوعاتی که در کدنویسی مهم است نحوه ی رندر شدن صفحات در مرورگرها میباشد.

بسیاری از مشکلاتی که در رندر شدن ایجاد میشود به دلیل کدهای اشتباه است.این کدهای اشتباه گاه میتوانند لود وبسایت را چندین برابر افزایش دهند.

  • فضاهای خالی میان کدها را حذف کنید.
  • مشکلاتی که در تگ های مهم وجود دارند را حل کنید.
  • سعی کنید تا جای ممکن از کدهای کوتاه استفاده کنید.

استفاده از HTML تا جایی که ممکن است به جای کدهای PHP بسیار مورد توصیه میباشد.

بهینه سازی وردپرس

برای مدیریت و بهینه سازی وردپرس خود بهتر است :

شروع :  پلاگین Autoptimize را دانلود و اجرا کنید.

Autoptimize افزونه ای برا سرعت بخشیدن به وردپرس و همچنین در کاهش مصرف پهنای باند شما کمک بزرگی خواهد کرد .

این افزونه تمام کد‌های وبسایت را خلاصه سازی می‌کند، تاریخ انقضا به آن‌ها اضافه می‌کند ، آنها را بصورت کش در می آورد و جهت افزایش هرچه بیشتر سرعت سایتتان فایل ها و استایل وبسایت را در قسمت head قالب وردپرس و کد‌های جاوای وبسایت را در قسمت footer سایت فراخونی میکند . این افزونه وردپرس تمام کد های html قالب شما را جهت بالا بردن سرعت سایت فشرده میکند .

۱ – از بخش به زیربخش Autoptimize بروید.

در این بخش می‌توانید گزینه‌های بهینه سازی HTML، CSS و JavaScript را فعال کنید.  در ادامه ممکن است با برخی موارد با مشکل مواجه شوید که در صورت بروز مشکل غیر فعال میکنیم بخش هارو .

در صورتی که میخواهید فایل های html قالب شما فشرده شود تیک گزینه Optimize HTML Code را بزنید.

بیشتر بخوانید :  تاثیر تگ های HTML در سئو وردپرس

اگر میخواهید کد های کامنت در قالب وردپرس شما حذف نشوند کافیست تیک گزینه Keep HTML comments را بزنید.

۲ –  تنظیمات بخش JavaScript Options

در صورتی که میخواهید کد های JavaScript بهینه و فشرده شوند در سایت خود تیک گزینه Optimize JavaScript Code، و اگر از تعداد زیادی کد جاوا در سایتتان استفاده می‌کنید تیک گزینه دوم، یعنی Look for scripts only in head را بزنید.

۳ –  تنطیمات بخش CSS Options

تنظیمات این بخش از صفحه مشابه بخش قبل است بجز یک مورد Generate data: URIs for images که فعال سازی آن موجب شامل شدن تصاویر در خود CSS خواهد شد.

۴ –  تنظیمات بخش CDN Options

با اینکه معدود صاحبان سایت از CDN برای سایت خود استفاده می‌کنند، اما اگر شما برای سایت خود امکان CDN را تهیه کرده‌اید. می‌توانید با تیک زدن موارد این بخش و نوشتن آدرس دامنه و یا زیردامنه CDN خود (که در صورتی که CDN را فعال کرده باشید، آن را از هاست خود خواهید ساخت) این امکان را فعال، و آدرس فایل‌های فشرده‌تان را به دامنه و یا زیردامنه CDN خود منتقل کنید.

در ‌‌نهایت نیز در بخش Cache Info با تیک زدن گزینه Do not compress cache files می‌توانید فایل‌های بوجود آمده را با استفاده از WebServer خود فشرده سازی کنید.

 

فشرده سازی دستی css

اگر مایل به نصب افزونه Autoptimize نیستید میتوانید فشرده سازی فایل های css , html , js را بصورت دستی اجرا کرده و در قالب خود اضافه کنید .

برای فشرده سازی css کافیست به ادرس زیر برید ;

بیشتر بخوانید :  ایجاد بنر تبلیغاتی در وردپرس با افزونه Image Banner Ads

CSS Compressor

طبق تصویر زیر کد های css قالب خود را در بخش مورد نظر paste کنید ;

فشرده سازی css

بعد از paste کردن کد های css و زدن دکمه compress خروجی را در زیر مشاهده میکنید که بصورت فشرده میباشد

در پایان کد خروجی را در فایل css خود بجای فایل قبلی وارد کنید

فشرده سازی دستی js

برای فشرده سازی فایل های جاوا اکسریپت کافیست به ادرس زیر برید ;

Minify your JavaScript

طبق آموزش بالا کد های جاوای خود را در بخش Input JavaScript وارد کنید و در بخش Minified Output خروجی کد های جاوا اسکریپت خود را بجای فایل قبلی paste کنید .

فشرده سازی دستی html

html compressor.com

 در این سایت میتوانید فایل های html خود را بارگزاری کنید و هم کد های html را در بخش مربوطه بچسبانید

نکته : اگر همراه html شما کد های php و یا asp باشد هم میتوانید در بخش code type مشخص کنید و فایل را بصورت فشرده دریافت کنید .

 

در صورت سوال در بخش نظرات مطرح کنید

موفق و پیروز باشید

اطلاعات افزونه autoptimize بهینه سازی وردپرس
دانلود افزونه صفحه افزونه
مطالب زیر را حتما مطالعه کنید
نظرات و دیدگاه ها
  • نظرات ارسال شده توسط شما، پس از تایید توسط مدیران سایت منتشر خواهد شد
  • نظراتی که حاوی تهمت یا افترا باشد منتشر نخواهد شد
  • نظراتی که به غیر از زبان فارسی یا غیر مرتبط با مطلب باشد منتشر نخواهد شد

  • نظرات ارسال شده توسط شما، پس از تایید توسط مدیران سایت منتشر خواهد شد
  • نظراتی که حاوی تهمت یا افترا باشد منتشر نخواهد شد
  • نظراتی که به غیر از زبان فارسی یا غیر مرتبط با مطلب باشد منتشر نخواهد شد
دیدگاه های این نوشته
  1. علیرضا

    ۲۱ فروردین ۱۳۹۶ ساعت ۶:۳۴ ب.ظ

    بسیار مفید بود. ممنون

  2. میلاد پاینده

    ۲۲ فروردین ۱۳۹۶ ساعت ۹:۳۹ ق.ظ

    ممنون بسیار خوشحالیم که مورد تائید شما بوده
    موفق باشید

  3. حسن

    ۲۵ آذر ۱۳۹۶ ساعت ۲:۲۸ ق.ظ

    سلام و خسته نباشید.
    اطلاعات بالا خیلی خوب و مفید بود.
    اما دو تا سؤال که برایم پیش آمده این هست که
    ۱ – شما دو تا سایت برای اعتبار سنجی کدهای html و css معرفی کردید. و من وارد این سایت ها شدم و آدرس چند سایت معروف داخلی و خارجی و آدرس چند بانک و حتی آدرس گوگل و یاهو را هم امتحان کردم و بعد مشاهده کردم که از همه سایت Errorها و Warning های بسیاری گرفت. و این خیلی باعث تعجب من شد.
    به همین دلیل در میزان اعتبار سایت هایی که شما معرفی کردید کمی تردید کردم. میشه درباره این دو تا سایتی که معرفی کردین بیشتر توضیح بدید و اینکه آیا میشه به آنها اطمینان کرد. اگه اینطور باشه که هکرها خیلی راحت با کمک گرفتن از این سایت ها می تونند به سایت های دیگه حمله کنند.
    ۲ – بیشتر سایت های وردپرسی و از جمله سایت خودم را امتحان کردم و دیدم که ارورها و اشتباهات زیادی گرفته است پس آیا به نظر شما ساخت سایت با قالب ها و افزونه های آماده اشتباه است. و آنهایی که کدنویسی بلد نیستند نمی توانند به وردپرس و افزونه های آن دل خوش کنند.
    ببخشید سؤالاتم خیلی طولانی شد. اگه لطف کنید ساده و کلاسیک توضیح دهید ممنون میشم.

  4. مکانیک وردپرس

    ۲۵ آذر ۱۳۹۶ ساعت ۱۱:۴۱ ق.ظ

    حسین عزیز سایت ها اعتبار بالایی دارند و مطمئن باشید با یکسری اطلاعات html نمیشه سایت رو هک کرد . بهر حال این سایت ارور هایی به شما نشون میده که گوگل استفاده از این کد ها را رد کرده, به عنوان مثال استایل رو نباید در html بزنید و یا دیگه تگ

    منسوخ شده اینا باید رعایت بشه .