بیست اسکریپت قالب وردپرس آموزش وردپرس قالب فروشگاهی وردپرس اسکریپت

سئو آسان

پس از انتخاب پلت فرم ویدیویی و بارگذاری یک ویدیو ، افزودن آن به سایت شما بدون در نظر گرفتن سکویی که استفاده می کنید آسان است.

“Embed” را انتخاب  بهترین شرکت طراحی سایت کرده و کد HTML را که بستر شما فراهم می کند کپی کنید.

جاسازی یوتیوب
سپس کد را در صفحه ای که می خواهید آن را کپی و جایگذاری کنید.

برای سایت های HTML ، آن را به سادگی در مکانی که می خواهید در صفحه ظاهر شود ، به کد خود اضافه کنید.

برای وردپرس ، به ویرایشگر متن بروید و همین کار را انجام دهید.

در اینجا نمونه ای از آنچه به نظر می رسد یک فیلم Wistia در پست وبلاگ WordPress تعبیه شده است:

14. تحویل CSS را بهینه کنید
CSS الزامات سبک صفحه شما را نگه می دارد. به طور کلی ، وب سایت شما به یکی از دو روش به این اطلاعات دسترسی پیدا می کند: در یک پرونده خارجی ، که قبل از ارائه صفحه شما بارگذاری می شود ، یا درون خطی است ، به این معنی که در خود سند HTML است.

CSS خارجی در قسمت HTML شما با کدی بارگذاری می شود که چیزی شبیه این است:

<! – سبک های شما ->

<link rel = “stylesheet” type = “text / css” media = “all” href = http: //yourURL/style.css />

Inline CSS در HTML صفحه شما جای گرفته است و مانند این است:

css وب سایت خود را سرعت بخشید
به عنوان یک قاعده کلی ، از قرار دادن CSS در کد HTML (مانند بخش ها یا عناوین خود) مانند CSS درون خطی که در بالا مشاهده می کنید ، خودداری کنید. اگر همه CSS خود را در صفحه شیوه خارجی خود قرار دهید ، کد تمیزتری دریافت خواهید کرد.

با این کار اندازه کد شما کاهش می یابد و تکرار کد کمتری ایجاد می کند.

هنگام تنظیم سبک های شما ، بهتر است فقط از یک شیوه نامه CSS خارجی استفاده کنید ، زیرا شیوه نامه های اضافی درخواست های HTTP را افزایش می دهد.

اگر مطمئن نیستید که چگونه بهترین شرکت سئو سایت  CSS شما در حال حاضر تنظیم شده است ، می توانید از این ابزار تحویل CSS برای اطلاع استفاده کنید. URL خود را وارد کنید ، و گزارشی را با همه پرونده های CSS خارجی خود مشاهده خواهید کرد.

تحویل CSS
به پایین بروید ، همچنین خواهید دید که فایل خارجی در کجا قرار دارد ، و همچنین CSS درون صفحه ای در صفحه و اندازه کلی پرونده های CSS شما.

تحویل CSS وب سایت خود را سریعتر کنید
اگر بیش از یک پرونده CSS خارجی دارید ، هرکدام به زمان بارگیری صفحه شما اضافه می شوند. در بعضی موارد ، این اجتناب ناپذیر است – اما در بیشتر موارد ، بهتر است آنها را ترکیب کنید.

خوشبختانه ، این یک فرآیند ساده است و معمولاً با چیزی بیش از کپی و چسباندن قابل انجام نیست.

به سادگی محتویات هر پرونده CSS موجود را کپی کنید و آن را در یک فایل اصلی CSS جایگذاری کنید.

ترکیب CSS
سپس HTML خود را به روز کنید تا این پرونده جدید را مرجع کنید ، و همه منابع را برای پرونده های قدیمی حذف کنید.

اکنون ، مرورگرهای بازدید کنندگان شما فقط باید یک فایل CSS را به جای چند بار بارگیری کنند ، که تعداد کلی درخواست ها را کاهش می دهد و زمان بارگذاری صفحه را کاهش می دهد.

قبل از بعد css را ترکیب کنید
پس از انجام این کار ، می توانید از PageSpeed ​​Insights استفاده کنید تا مطمئن شوید که هیچ مشکلی با مسدود کردن CSS ندارید.

اگر منابع اسکریپتی مسدود کننده ای دارید ، آنها را تحت “پیشنهادات بهینه سازی” مشاهده خواهید کرد.

ارائه صفحات
اگر قبلاً از افزونه هایی مانند WP Rocket یا W3 Total Cache استفاده می کنید ، این نباید مشکل ایجاد کند. اگر هنوز مشکلات مسدود کردن ارائه داده اید ، تنظیمات افزونه خود را دو بار بررسی کنید یا توصیه های Google را برای بهینه سازی تحویل CSS دنبال کنید.

15. اولویت بندی محتوای بالای برابر (بارگذاری تنبل)
به تازگی توصیه شده است که شما فقط از یک شیوه نامه CSS استفاده کنید و هیچ CSS درون خطی نداشته باشید ، باید یک نتیجه گیری را در نظر بگیرید.

شما می توانید با داشتن سریعتر بار بخش بالای صفحه (بالای صفحه) ، تجربه کاربر را بهبود بخشید – حتی اگر بقیه صفحه بارگیری چند ثانیه طول بکشد.

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

به عنوان مثال ، بگذارید بگوییم شما یک پست وبلاگ می نویسید که شامل 20 عکس است. به طور معمول ، مرورگر کاربر باید قبل از نمایش هر چیزی در صفحه ، همه آن تصاویر را بارگیری کند.

با بارگذاری تنبل ، می توانید ابتدا محتوای موجود در نمای را بارگیری کنید ، و سپس همه آن عکس ها را بارگیری کنید.

به این ترتیب ، کاربر مجبور نیست برای دسترسی به صفحه منتظر بماند ، و تصاویر در هنگام مشاهده بارگذاری می شوند.

این می تواند بار بار را در پست هایی با تصاویر زیاد کاهش دهد (مانند این مورد).

و اگر سایت خود را در وردپرس اجرا کردید ، امکان نصب آن به آسانی با نصب یک افزونه است. گزینه های زیادی وجود دارد که می توانید برای شروع استفاده از بارگیری تنبل در سایت خود استفاده کنید.

بار تنبل

Lazy Load یک افزونه بسیار ساده است که از jQuery.sonar برای بارگذاری تصاویر فقط در هنگام مشاهده در مرورگر کاربر استفاده می کند.

تمام کارهایی که شما باید انجام دهید اینست که آن را نصب و فعال کنید سپس ، هنگامی که یک تصویر برای کاربر قابل مشاهده است ، افزونه به طور خودکار تشخیص داده و بارگذاری می کند.

هیچ تنظیماتی یا گزینه های سفارشی سازی وجود ندارد که بتوانید با آن اشتباه بگیرید – که بسته به تنظیمات شما ، می تواند یک چیز خوب یا بد باشد.

در هر صورت: اگر به دنبال یک راه حل سریع و سریع هستید ، این همان است.

BJ Lazy Load

BJ Lazy Load یکی کار در منزل  دیگر از افزونه های نسبتاً ساده است ، اما چند گزینه دیگر برای شخصی سازی ارائه می دهد.

ابتدا می توانید مشخص کنید که کدام محتوا را در سایت خود می خواهید بار تنبلی کنید. این می تواند شامل محتوا ، ریز عکسها ، گراواتارها ، تصاویر و iframe ها باشد.

bj بار تنبل
همچنین می توانید برای محتویاتی که هنوز بارگذاری نشده است ، یک تصویر مکان نگهدار استاندارد تنظیم کنید و با کلاس های خاصی تصاویر را پرش کنید.

بنابراین ، به عنوان مثال ، اگر شما نمی خواهید یک تصویر خاص برای بار تنبلی ، شما می توانید آن را با چیزی مانند:

<img src = “image.jpg” class = “بدون تنبلی”>

به این ترتیب ، افزونه می داند که آن تصویر را به صورت عادی بارگیری می کند.

همچنین می توانید قبل از بارگیری ، یک آستانه برای چقدر نزدیک به یک صفحه بیننده تنظیم کنید. این کنترل بیشتری بر سرعت و عملکرد نحوه بارگیری صفحه شما می دهد.

bj بار تنبل 2
این افزونه همچنین با پیمایش نامحدود سازگار است.

اگر به دنبال افزونه ای هستید که قابل استفاده باشد ، اما کمی کنترل بیشتری نسبت به Lazy Load به شما می دهد ، این یک گزینه عالی است.

موشک WP

اگر قبلاً از WP Rocket استفاده کرده اید ، می توانید از افزونه برای بارگذاری تنبل نیز استفاده کنید.

تنظیمات WP Rocket خود را باز کرده و روی زبانه “Basic” کلیک کنید. در بخش LazyLoad ، کادر کنار “فعال کردن تصاویر” را علامت بزنید.

wprocket lazyload
پس از فعال کردن این ویژگی ، چند گزینه شخصی سازی وجود دارد که می توانید از آنها استفاده کنید.

به عنوان مثال ، اگر نمی خواهید از بارگیری تنبل در یک پست یا صفحه خاص استفاده کنید ، می توانید به سادگی آن را برای آن صفحه غیرفعال کنید.

فقط صفحه را باز کنید ، سپس به کادر “گزینه های حافظه نهان” در نوار کناری سمت راست بروید. سپس کادر کنار “LazyLoad for Images” را بردارید و تغییرات خود را ذخیره کنید.

غیرفعال کردن پست صفحه خاص بار تنبل
همچنین می توانید از قطعه کد برای غیرفعال کردن بارگیری تنبل برای انواع خاص صفحات مانند صفحه اصلی یا صفحه وبلاگ خود استفاده کنید.

به عنوان مثال ، غیرفعال کردن بار تنبل برای صفحه اصلی خود به این شکل است:

خانه تنبل را غیرفعال کنید
می توانید این قطعه قطعه ها را از آموزش WP Rocket در مورد تنظیمات بار تنبل کپی و جایگذاری کنید.

اگر می خواهید بارگذاری تنبلی را برای تصاویر خاص غیرفعال کنید ، می توانید با استفاده از ویژگی “داده بدون تنبلی” این کار را انجام دهید.

فقط آن را به کد تصویر خود اضافه کنید ، و آن تصویر به طور عادی بارگیری می شود.

داده ها تنبل نیست
سرانجام ، می توانید یک محو شدن را فعال کنید تا تصاویر شما هموارتر شود.

هنگامی که تصاویر همه به یکباره ظاهر می شوند ، می توانند یک تجربه ناخوشایند را برای بازدید کنندگان فراهم کنند. با افزودن قطعه قطعه به پرونده CSS می توانید آنها را به تدریج ظاهر کنید.

محو شدن wp
همچنین می توانید این قطعه را در آموزش بار تنبل WP Rocket بیابید.

16. تعداد افزونه هایی را که در سایت خود استفاده می کنید کاهش دهید
همانطور که احتمالاً تاکنون از این پست جمع شده اید ، افزونه ها می توانند کارهای زیادی را برای بهبود سایت وردپرس شما انجام دهند. می توانید از آنها برای اضافه کردن قابلیت های سفارشی ، پاک کردن کد خود ، بهبود تجربه کاربر و موارد دیگر استفاده کنید.

آنها همچنین نیاز به ظروف سرباز یا مسافر با کدهای زیادی را حذف می کنند و این باعث می شود در هنگام کار روی سایت شما تجربه ای بسیار کاربر پسند ایجاد شود.

به علاوه ، نصب آنها بسیار آسان است.

این امر باعث می شود بدون در نظر گرفتن روند نزولی احتمالی ، بتوانید افزونه ها و نصب افزونه ها را آسان کنید.

متأسفانه ، نصب افزونه های بسیار زیاد می تواند برخی از مشکلات را ایجاد کند.

آنها می توانند سایت شما را کند کنند ، طراحی وب سایت ارزان  مشکلات امنیتی ایجاد کنند و حتی باعث خرابی و سایر مشکلات فنی شوند.

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

و حتی اگر یک تن پلاگین ندارید ، ایده خوبی است که موارد نصب شده را به طور مرتب ارزیابی کنید. هرگونه منسوخ ، ناکارآمد یا پیکربندی نادرست می تواند بر سرعت سایت شما تأثیر منفی بگذارد.

غیرفعال کردن و حذف موارد غیر ضروری هم می تواند سرعت کلی شما را بهبود بخشد و هم در طولانی مدت نگهداری را آسان تر کند.

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

افزونه های خود را تست کنید

وقتی می خواهید سرعت سایت را بهبود بخشید ، دو روش مختلف برای تعیین اینکه کدام افزونه ها روی آن تأثیر می گذارند وجود دارد.

اولین کار غیرفعال کردن افزونه ها ، سپس عملکرد سایت شما است. اگر تعداد افزونه های زیادی داشته باشید می تواند یک روند خسته کننده باشد اما تفاوت شما را ایجاد می کند.

ابتدا یک تست سرعت را با تمام افزونه های فعال کنید. شما می توانید این کار را با ابزارهایی مانند GTmetrix ، Pingdom یا هر ابزار سرعت سایت دیگری که ترجیح می دهید انجام دهید.

gtmetrix
سپس با غیرفعال کردن افزونه های خود یک بار آزمایش کنید و سرعت خود را دوباره آزمایش کنید.

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

اگر افزونه های زیادی دارید ، این فرایند می تواند مدتی طول بکشد.

خوشبختانه ، یک جایگزین وجود دارد: نصب یک افزونه دیگر.

… بله ، من اینجا طنز می بینم.

اما افزونه عملکرد افزونه افزونه گزینه ای مناسب برای شناسایی افزونه هایی است که باعث ایجاد مشکل در سایت شما می شوند. بعلاوه ، این کار بسیار سریعتر و آسانتر از آن است که افزونه ها را بطور جداگانه غیرفعال کنید و تست سرعت سایت را انجام دهید (و همیشه می توانید به محض انجام کار با استفاده از آن ، آن را غیرفعال کنید).

پس از نصب افزونه ، به صفحه تنظیمات خود بروید و اسکن سایت را اجرا کنید.

این کار چند دقیقه طول خواهد کشید ، سپس گزارشی را با تفصیل نحوه عملکرد هر افزونه در سایت خود به شما نشان می دهیم.

نمایه عملکرد افزونه وب سایت خود را سرعت بخشید
زمان بار افزونه در بالای گزارش ، زمان بار جمع شده را برای همه افزونه های سایت شما ، و همچنین درصد زمان بارگذاری کل آنها را نشان می دهد.

همچنین می توانید یک جدول زمانی دقیق با اطلاعات مربوط به هر افزونه ، موضوع و هسته اصلی هر صفحه را مشاهده کنید. این به شما کمک می کند تا دقیقاً موضوع در صفحات کم بارگذاری را مشخص کنید.

جدول زمانی عملکرد
در آخر ، می توانید سابقه اسکن عملکرد خود را مستقیماً در افزونه نگه دارید. به این ترتیب ، اگر در آینده به مشکلات بپردازید ، یک معیار و یک نقطه شروع خوب برای شناسایی مشکلات خواهید داشت.

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

یکی از بردهای آسان برای جستجوی اینجا ، افزونه فرم تماس با شما است ، در صورت داشتن یکی از این موارد. بسیاری از دارندگان سایت افزونه فرم تماس را نصب می کنند زیرا فکر می کنند این تنها راه افزودن فرم به سایت آنها است.

اما امروزه ، بسیاری از مضامین دارای قابلیت فرم تماس با ما هستند.

اگر متوجه شدید که افزونه فرم تماس شما در حال کند شدن سایت شماست ، دوبار بررسی کنید تا ببینید آیا این ویژگی با موضوع شما همراه است یا خیر. اگر چنین است ، فرم های خود را به روز کنید و افزونه را حذف کنید.

همپوشانی های عملکرد را شناسایی کنید

در اکثر موارد ، افزونه هایی که در سایت خود نصب کرده اید ، هدف مشخصی دارند. بنابراین حتی اگر حجم محکم سایت شما را کند کند ، حذف آنها ممکن است گزینه ای نباشد.

خوشبختانه افزونه های بسیاری وجود دارد که می توانند بیش از یک هدف را تحقق بخشند ، و پیدا کردن آنها می تواند به شما در حذف افزونه هایی که فقط یک هدف را دارند کمک کند.

به عنوان مثال ، افزونه های WP Rocket و WP Total Cache در این صفحه برای بهبود سرعت سایت بسیار مفید هستند و هر دو گزینه عالی هستند.

اما با توجه به اینکه آنها در خدمت بسیاری از اهداف مشابه هستند ، شما به احتمال زیاد به هر دو نیاز ندارید. اگر هر دوی آنها را در سایت خود نصب کرده اید ، می توانید ویژگی هایی را که در هر کدام از آنها استفاده می کنید ارزیابی کنید و ببینید که آیا هرکدام می توانید همه چیز مورد نیاز را انجام دهید.

سپس ، تمام این ویژگی ها را در افزونه ای که انتخاب کرده اید فعال کنید ، فعال کنید و دیگری را غیرفعال کنید.

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

افزونه ها را برای کارهایی که می توانید بصورت دستی انجام دهید حذف کنید

بسته به سطح تجربه شما ، می توانید با انجام کارهای خاص ، تعداد پلاگین های خود را نیز کاهش دهید.

به عنوان مثال ، بسیاری از دارندگان سایت از افزونه ای برای اضافه کردن کد رهگیری Google Analytics به سرصفحه خود استفاده می کنند. و گرچه این کار روند کاربری را برای کاربرانی که راحت کد ویرایش نمی کنند ، بسیار آسان می کند ، لازم نیست.

اگر افزونه Insert Headers and Footers (یا موارد مشابه) را برای ویرایش سایر قسمت های برچسب هدر خود نصب کرده اید ، می توانید کد Google Analytics خود را از داشبورد سرپرست خود کپی کنید ، سپس آن را در اینجا جایگذاری کنید.

تغییرات خود را ذخیره کنید و کد رهگیری شما نصب شده است.

درباره ی BpBTud6cdg

پاسخی بگذارید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *