پیاده سازی لود تنبل برای تصاویر و ویدیوها

به طور کلی میانگین حجم صفحات وب سایت‌ها به همراه تصاویر و ویدیوها 3376 کیلوبایت می‌باشد که بالای ۷۰ درصد آن را HTTP Archive اشغال می‌کند. این مقدار حجم در مرورگر‌ بازدیدکنندگان وب سایت برای مشاهده و دانلود بسیار زیاد است و این حجم با پیشرفت وب سایت و افزایش مقالات و تصاویر بیشتر نیز می‌شود و این افزایش در کاهش سرعت و کاهش رتبه سئو تاثیرگذار است. (برای ارزیابی حجم محتوای سایت خود می‌توانید از ابزارهای سئو و یا از سایت httparchive.org استفاده نمایید.)

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

اینجا ، جایی است که لود تنبل (Lazy Load) وارد صحنه می‌شود. لود تنبل یک تکنیک بهینه‌سازی صفحات وب سایت است که توسط آن هنگام ورود به یک صفحه وب تنها اطلاعات قابل مشاهده لود می‌شود و بقیه اطلاعاتی که در زیر وجود دارند ، پس از اسکرول کردن شروع به لود شدن می‌کنند.

لود تنبل یا Lazy Load یکی از اقداماتی است که گوگل در صورت مشاهده بسیار هیجان زده می‌شود و به وب سایت شما اهمیت می‌دهد و همچنین از این تکنیک در وب سایت‌هایی که مقالات و صفحات تعداد زیادی از ویدیوهای embed شده و تصاویر با رزولوشن بالا را در خود جای داده‌اند، به اجبار باید استفاده کرد.

توجه توجه: ما یک دوره بسیار مفید و حرفه ای برای بهینه سازی حجم و اندازه عکس ها و همینطور سئو تصاویر به شکل اصولی برگزار کردیم، برای مشاهده سرفصل‌های دوره میتونید روی عکس زیر کلیک کنید:

لود تنبل چگونه کار می‌کند؟

لود تنبل به شکل زیر کار می‌کند :

مرورگر صفحات وب را به صورت DOM در می‌آورد که در این مدل هنگام لود صفحه، تصاویر و ویدیوها لود نمی‌شوند.

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

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

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

لود تنبل وردپرس :

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

پس از بررسی 12 افزونه مربوط به لود تنبل و فعال کردن و تست چندین باره ، ما 4 افزونه خیلی حرفه ای را که بهبود قابل ملاحظه ای در عملکرد وب سایت شما ایجاد می‌کنند را شناسایی کردیم و قصد داریم در ادامه معرفی کنیم ولی قبل از آن به سوالی پاسخ دهیم:

آیا تصاویر و ویدیو‌ها واقعا در کاهش سرعت سایت موثر هستند ؟

قصد داریم با یک ارزشیابی کوچک، تاثیر تصاویر و ویدیوها را بر سرعت سایت به شما نمایش دهیم. برای نمایش ارزشیابی، تصمیم گرفتیم که روی هاست میزفا ، یک وردپرس نصب کنیم. پوسته 2016 وردپرس که بدون هیچ افزونه بهینه سازی و تکنیک ذخیره کش و… در وردپرس موجود بود را فعال کردیم. تصویر زیر نمایانگر نتایج آنالیز و بررسی ارزشیابی سئو و سرعت سایت در ابزار آنلاین pingdom قبل از اضافه کردن تصاویر و ویدیو می‌باشد.

بررسی اولیه سرعت وب سایت قبل از اضافه کردن تصاویر و ویدیو

همانطور که مشاهده می‌کنید ، وب سایت بسیار سبک است و حجم صفحه کوچکتر از 155 کیلوبایت است و زمان لود صفحه نیز کمتر از نیم ثانیه است و برای پیدا کردن و حل کردن مشکلات در این وضعیت باید خیلی سخت‌گیر باشیم. به نظر شما هنگامی که یک تصویر حجیم و یک ویدیو Embed شده از یوتیوب را در صفحه قرار دهیم ، در این نتایج چه رخ می‌دهد؟

بررسی اولیه سرعت وب سایت بعد از اضافه کردن تصاویر

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

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

بهبود سرعت لود صفحه از طریق افزونه‌های لود تنبل

افزونه‌های BJ Lazy Load ، Lazy Load XT ، a3 Lazy Load و Rocket Lazy Load چهار افزونه‌ای هستند که سرعت تحویل صفحات وب را به میزان قابل توجهی افزایش می‌دهند. بیایید بررسی کنیم که هرکدام از این افزونه‌ها به نوبه خود چه کارهایی انجام می‌دهند. چندین افزونه دیگر هم مورد آزمایش قرار گرفتند ولی آن‌طور که باید در سرعت وب سایت تاثیر گذار نبودند.

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

1 – BJ Lazy Load

افزونه BJ Lazy Load یک افزونه بسیار محبوب در بین کاربران وردپرسی می‌باشد و در بیشتر از 40 هزار وب سایت وردپرسی نصب شده و فعال است و بر اساس 60 بازخورد منتقدان ، رتبه 4.1 را از 5 دریافت کرده است.

افزونه BJ Lazy Load

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

تمامی تنظیمات لود تنبل برای شما به صورت پیش‌فرض انجام خواهد شد و شما درصورتی که یکی از تنظیمات توسط پوسته شما قابل انجام نبود ، می‌توانید مشکل را شناسایی و با غیرفعالسازی آن قسمت مشکل را حل کنید.

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

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

همچنین شما میتوانید بعضی از class های CSS موجود در فایل html صفحه را نیز در لیست عبور (محروم) قرار دهید تا آن class ها به صورت لود تنبل ، لود نشوند. سپس بعد از اینکار شما میتوانید آن class ها را به فیلم ها و تصاویری که قصد ندارید به صورت تنبل لود شوند بدهید تا به صورت عادی لود شوند. در نهایت ، شما می‌توانید مقدار لازم برای نزدیکی برای نمایش تصاویر قبل از دانلود و نمایش را بشناسید.

بیایید بررسی کنیم که با BJ Lazy Load چقدر سرعت وب سایت ما تغییر کرده است.

تغییرات سرعت بعد از استفاده از BJ Lazy Load

این زمان لود فوق‌العاده سریع است. وب سایت را دوازده بار در ساعت های مختلف شبانه روز تست کردم و متوجه شدم که زمان لود وب سایت میانگین بین 300 تا 400 میلی ثانیه است. آزمودن وب سایت بلافاصله بعد از فعالسازی پلاگین ملاک نیست و باید چندین بار تست صورت گیرد.

درحالی که شاهد افزایش سرعت وب سایت شده‌ایم ولی حجم وب سایت 0.3 مگابایت افزایش یافته است و از 1.7 مگابایت به 2 مگابایت افزایش داشته است. برای حجم چه اتفاقی افتاده است ؟ با توجه به نظریه ای که داشتیم ، با فعالسازی لود تنبل باید حجم صفحه کاهش یابد و صفحه سبک تر شود . پس از بررسی وضعیت حال حاضر این نتیجه چیزیست که دست یافتم :

به صورت پیش‌فرض، وردپرس برای ارائه تعداد زیادی از اندازه یک فایل‌ تصویری در مرورگر ها از ویژگی‌ای (attribute) به نام srcset برای تصاویر در تگ img استفاده می‌کند. مرورگر از طریق لیستی از اندازه‌ها و لود کوچکترین نسخه از تصویر ، فضای موجود را پر می‌کند. این بدان معناست که اگر شما یک تصویر بزرگ را آپلود کنید ، وردپرس با تکنیک‌های پیش‌فرض خود تصویر را به چند نسخه به اندازه‌های کوچک‌تر تبدیل می‌کند و سپس نسبت به سایز صفحه نمایش و تنظیمات پوسته سایز کوچک تولید شده را برای مرورگر بازدید کننده ارسال می‌کند. مرورگر بازدیدکنندگان کوچک‌ترین تصویر مناسب را براساس میزان پیکسل های دردسترس در مکان قرارگیری تصویر دریافت خواهد کرد.

افزونه BJ Lazy Load رفتار پیش‌فرض وردپرس در مورد تصاویر را به طور کامل تغییر می‌دهد. ویژگی data-lazy-srcset جایگزین ویژگی srcset می‌شود و نتیجه نهایی این است که به جای پایین آوردن اندازه و وضوح تصویر ، تصویر با وضوح و اندازه کامل به صورت تنبل، لود خواهد شد.

این کار ایده‌آل نیست ولی شما با بهینه سازی تصاویر قبل از آپلود می‌توانید حجم تصاویر را کاهش دهید تا حجم وب سایت بالا نرود ، گرچه ، در حال حاضر افزونه‌هایی برای بهینه سازی در وردپرس نیز تهیه شده اند که می‌توانید جایگزینی برای رفتار تغییر اندازه پیش‌فرض وردپرس کنید و دیگر این مشکل را نداشته باشید.

با آزمایش دیداری ، شما وب سایت خود را لود می‌کنید و مشاهده می‌کنید که چه رخ داده است . برای مثال اگر از پس زمینه ای غیر سفید در پس زمینه وب سایت خود استفاده می‌کنید ، حتما باید یک تصویر جایگزین برای نمایش قبل از لود تنبل تصاویر قرار دهید. به صورت پیش‌فرض افزونه یک تصویر gif سفید رنگ برای شما قرار می‌دهد که در تنظیمات می‌توانید آن را تغییر دهید.

2 – Lazy Load XT

افزونه Lazy Load XT در آزمایشات ما به خوبی ظاهر شد و یکی دیگر از افزونه های خوب لود تنبل وردپرس به حساب می آید. با آماری حدود 1000 نصب فعال مشخصا به اندازه BJ Lazy Load محبوب نیست ولی از نظر رتبه بندی امتیاز 4.9 از 5 امتیاز را آورده است که تنها یک بازخورد 5 امتیاز را به این افزونه نداده بود.

پلاگین Lazy Load XT

پس از فعالسازی ، افزونه در منو تنظیمات یک زیر منو Lazy Load XT ایجاد می‌کند و شما می‌توانید از آن طریق افزونه را پیکربندی کنید. پس از اولین بررسی دیداری وب سایت متوجه خواهید شد که این افزونه بیشتر از لود تنبل تصاویر و ویدیو‌ها عمل می‌کند. شما علاوه بر لود تنبل می‌توانید فایل‌های جاوااسکریپت و سی اس اس را Minify کنید. کتابخانه های جاوا اسکریپت و سی اس اس را توسط انواع CDN مانند CloudFlare لود کنید و اسکریپت‌ها را به فوتر وردپرس منتقل کنید. اگر تمایل به استفاده از CDN رایگان لودفلر را دارید مقاله آموزش نصب Cloudflare را از دست ندید.

در این افزونه چند گزینه اضافی وجود دارد که می‌توانید با استفاده از آن‌ها باعث بهبود سرعت سایت وردپرس شوید. به هر حال ، از وقتی که شروع به آزمایش لود تنبل کردیم ، من تنظیمات افزونه را به صورت پیش‌فرض رها کردم، فایل‌های جاوااسکریپت و سی اس اس را Minify و به فوتر منتقل نکردم ، کش سرور را خالی نکردم . با توجه به این موضوع در وب سایت Pingdom ، وضعیت سرعت حال حاضر وب سایتم را آزمایش کردم.

نتیجه استفاده از افزونه Lazy Load XT

پس از انجام آزمایش توسط pingdom ، حجم وب سایت همان 2 مگابایت باقی مانده بود ولی زمان لود صفحه کمی بیشتر از افزونه BJ Lazy Load شده بود . گرچه با این افزونه در لود صفحه 50 درصد کاهش زمان لود حاصل شد ولی به هر حال این آزمایش بیانگر قدرت کمتر این افزونه نسبت به BJ Lazy Load می‌باشد. بعد از مشاهده منو درختی فایل‌ها متوجه شدیم که دقیقا همان فایل‌هایی که در BJ Lazy Load لود می‌شوند با فعال سازی Lazy Load XT نیز لود می‌شوند و به جای تصاویر بهینه سازی شده ، پس از فعال سازی افزونه‌ها دقیقا همان تصویر آپلود شده با همان کیفیت به صورت تنبل، لود می‌شود.

پس از بررسی این موضوع ، دلیلی برای اینکه چرا لود BJ Lazy Load بهتر از Lazy Load XT یافت نمی‌شد تا اینکه به تصویر پیش‌نمایش قبل از لود تصویر اصلی توجه کردم که این تصویر به علت اینکه ‌به صورت Transparent بود و به همین علت لود تصاویر قبل از نمایش به خوبی صورت نمی‌گرفت و سرور را بیشتر برای لود مشغول می‌کرد. در این افزونه نیز مانند BJ Lazy Load امکان تغییر تصویر پیش‌نمایش وجود دارد و می‌توانید با انتخاب یک تصویر بهتر و بهینه تر کمی سرعت لود را کاهش دهید.

3 – افزونه a3 Lazy Load

افزونه a3 Lazy Load  یکی دیگر از افزونه های پرطرفدار مخزن وردپرس در حوزه لود تنبل می‌باشد. این افزونه حدودا 10 هزار نصب فعال دارد ، و امتیاز 4.7 را از 5 امتیاز با توجه به 40 بازخورد به دست آورده است.

افزونه a3 Lazy Load

افزونه را فعال کنید و سپس مشاهده می‌کنید که در منو تنظیمات یک زیر منو به نام a3 Lazy Load اضافه شده است. برای آزمایش افزونه ، من تنظیمات آن را به همان صورت پیش‌فرض قرار دادم. من از گزینه بارگذاری رنگ پس‌زمینه برای پیش‌نمایش تصاویر استفاده کردم تا رنگ پیش‌نمایش هم رنگ پس‌زمینه صفحه وب من شود. با توجه به این تغییر و قرارگیری تنظیمات به صورت پیش‌فرض ، عملکرد وب سایت خیلی عالی شد.

نتیجه استفاده از افزونه a3 lazy load

زمان لود وب سایت ما دوباره به زیر نیم ثانیه آمد ، این سرعت با توجه به تعداد تصاویر و ویدیو قابل توجه است.

مقایسه نتایج به دست آمده

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

در تصویر زیر حجم محتوای وب سایت را هنگامی که افزونه a3 Lazy Load فعال است را مشاهده می‌کنید.

حجم محتوای وب سایت هنگامی که a3 lazy load فعال است

به طور کلی 151 کیلوبایت تصاویر ، حجم صفحه را گرفته اند که این مقدار نسبت به واقعیت کم می‌باشد. دو افزونه BJ lazy load و Lazy Load TX حجم صفحه را 2 مگابایت نشان داده‌اند . تصویر زیر نمایانگر آن است که چطور وب سایت با فعال بودن این دوافزونه 2 مگابایت حجم دارد.

حجم محتوای وب سایت هنگامی که BJ Lazy Load و یا Lazy Load TX فعال است

سایز کد‌های جاوااسکریپت ، سی اس اس و اچ تی ام ال تقریبا یکسان است. با این حال ، اندازه تصاویر 1.86 مگابایت است، که این اندازه حجم تصاویر با همان رزولوشنی است که آپلود می‌شوند ولی در مقابل در a3 lazy load این حجم 151 کیلوبایت می‌باشد. به نظر شما چه اتفاقی افتاده است؟ همانطور که قبلا گفتم بعد از آپلود تصاویر وردپرس به صورت پیش‌فرض شروع به بهینه سازی و ساخت اندازه های مختلف از تصویر می‌کند و کاربران کوچک‌ترین اندازه مربوط به صفحه نمایش خود را دانلود و مشاهده می‌کنند.

در افزونه‌های BJ lazy load و Lazy Load TX ، بهینه سازی پیش‌فرض تصاویر وردپرس غیرفعال شده است ولی در افزونه a3 Lazy Load تصاویر با توجه به تکنیک بهینه سازی تصاویر پیش‌فرض وردپرس نمایش داده می‌شوند و در نتیجه تصاویر کم حجم تری را مشاهده می‌کنند.

یکی از جالب‌ترین نکات موجود در این مقایسه ، زمان لود صفحه می‌باشد که با افزونه BJ lazy load زمان لود حدودا 100 میلی ثانیه کمتر از a3 Lazy Load می باشد. به همین دلیل من چندین بار از صفحات وب سایت با فعالسازی و غیرفعالسازی هر 3 افزونه آزمایش تست سرعت گرفتم که مطمئن شوم که این نتایج غیرواقعی نباشد. تنها تغییری که در نتایج ایجاد می‌شد تعداد درخواست‌های HTTP بود . در یک نگاه ، به نظر می‌رسد که تعداد درخواست‌های HTTP افزونه BJ lazy load بیشتر باشد. با این حال ، اگر به منوی درختی فایل‌ها نگاهی بیاندازیم ، متوجه دلیل درخواست ها خواهیم شد.

منو درختی فایل ها در pingdom

فایل‌های سایت با فعال بودن افزونه BJ lazy load حدودا 20 درخواست از نوع data:image/gif را تولید می‌کند.

این‌ها داده‌های URI هستند نه درخواست های HTTP که در واقع ، به مرورگر می‌گوید که فایل Gif را به صورت محلی (با کد‌های Base 64) لود کند نه به صورت دانلود از سرور. در نتیجه ، افزونه BJ lazy load برای لود صفحه نیازمند 17 درخواست HTTP می‌باشد که این در مقابل a3 Lazy Load که 27 درخواست HTTP برای لود صفحه نیاز دارد سریع تر لود می‌شود و کاملا دلیل مشخصی برای سریع لود شدن صفحات می‌باشد.

افزونه Lazy Load TX یک مقدار بیشتر از BJ lazy load نیازمند درخواست های HTTP می‌باشد که این تعداد درخواست بیشتر بیانگر دلیل دریافت نکردن همان نتایج است.

4 – افزونه Rocket Lazy Load

و چهارمین گزینه استفاده در صورتی که هیچ یک از افزونه‌های بالا خواسته شما را محیا نکرد ، افزونه Rocket Lazy Load می‌باشد. افزونه‌ای رایگان از تولید کنندگان افزونه WP Rocket است. در حال حاضر این افزونه بیشتر از 6 هزار نصب فعال دارد و امتیاز 4.2 از 5 امتیاز را دریافت کرده است. اگر به‌دنبال یک افزونه لود تنبل ساده و با سرعتی خوب می‌گردید ، یکی از بهترین انتخاب‌های شما این افزونه است. این افزونه تنظیماتی را بر روی تصاویرشاخص ، تمامی تصاویر موجود در مقالات و ابزارک‌ها، آواتار‌ها و شکلک‌ها ایجاد می‌کند.

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

نتیجه گیری و توصیه‌ها

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

اگر شما تصاویرتان را قبل از آپلود بهینه سازی نمی‌کنید و حتما هم به آن‌ها نیاز دارید ، بهتر است که از افزونه a3 Lazy Load استفاده کنید ، زیرا این افزونه به شما تصاویری بهینه شده تحویل خواهد داد.

اگر شما تصاویرتان را قبل از آپلود بهینه سازی می‌کنید و به دنبال این هستید که با حداقل تلاش بهترین تحویل ممکن را به کاربر ارائه دهید ، با افزونه BJ lazy load به هیچ مشکلی بر نمی‌خورید. افزونه Rocket Lazy Load نیز دیگر انتخاب شما می‌تواند باشد.

اگر شما تصاویرتان را قبل از آپلود بهینه سازی می‌کنید و قصد دارید که علاوه بر لود تنبل ، بتوانید گزینه‌های اضافه‌تری مانند کوچک‌تر کردن فایل‌های جاوااسکریپت و سی اس اس و همچنین تغییر مکان آنها به فوتر را داشته باشید ، بهتر است که از افزونه Lazy Load TX استفاده کنید.

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

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

بک لینک چیست و انواع لینک

لینکی (Link) که از سایتی به سایت دیگر داده می‌شود را بک لینک می‌گویند، به عبارت دیگر اگر سایت X، آدرس سایت Y را در داخل متنی (Anchor text) لینک کند، سایت Y یک بک لینک از سایت X دریافت می‌کند. و این عمل هم به اصطلاح لینک سازی یا لینک بیلدینگ گویند. بک لینک شامل لینک سازی داخلی نمی‌شود به عبارت دیگر به لینک‌های داخلی یک دامنه بک لینک نمی‌گویند.

بک لینک اهمیت ویژه‌ای در سئو سایت دارد و همیشه مهندسین سئو در تلاش هستند تا بتوانند بک لینک بیشتری را در جهت ارتقا رتبه سایت ایجاد کنند، ولی همان‌طور که میدانید هر آنچه در سئو زیاده‌روی شود به جای تاثیر مثبت، تاثیر منفی به‌همراه خواهد داشت، لینک سازی یا لینک بیلدینگ باید اصولی صورت بگیرد و اگر به شکل اسپم و انبوه لینک سازی شود با جریمه های سنگین گوگل همراه خواهد بود چرا که لینک سازی بی‌رویه یکی از دلایل پنالتی شدن سایت در گوگل است.

لینک سازی یا لینک بیلدینگ

بک لینک ها انواع مختلفی دارند ولی دو نوع آن نسبت به بقیه لینک‌های دیگر معروف است لینک نوفالو (Nofollow) و لینک فالو (Follow)، ما در مقاله لینک نوفالو به شکل کاملا جامع با سوال‌های کاربردی به تشریح و اهمیت لینک نوفالو پرداختیم و تفاوت اصلی آن با لینک فالو را ذکر کردیم، پس حتما پیشنهاد می‌کنیم برای کسب اطلاعات بیشتر درباره این دو نوع لینک به مقاله ذکر شده مراجعه کنید.

در ادامه به انواه Backlink از نظر ساختاری می‌پردازیم.

انواع لینک از نظر ساختاری 

انواع لینک از نظر ساختاری چیست ؟ ساختار یک لینک به شکل زیر است و در مقابل اتریبیوت rel می‌تواند مقادیر مختلفی برای مقاصد گوناگون درج کرد. در ادامه بیشتر در این باره صحبت خواهیم کرد. این موارد را میتوان جزئی از سئو تکنیکال یا همان سئو فنی دانست.

شاید بپرسید اتریبیوت rel چیست؟ به rel موجود در کد زیر یک نوع اتریبیوت گفته می‌شود و حال این اتریبیوت که rel هست بعد از مساوی و در داخل “” مقادیری را می‌گیرد که در ادامه ما بیشتر درباره مقادیر داخل rel صحبت خواهیم کرد تا شما نیز بیشتر با آن ها اشنا شوید

<a href=”https://mizfa.com” rel=”value” > Title link </a>

لینک از نوع Alternate

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

<a href=”https://mizfa.com” rel=”alternate” > Title link </a>

لینک از نوع Author

این نوع لینک برای نویسنده‌ها به کار می‌رود، اگر روی آن کلیک کنید شما را به نویسنده آن مقاله ارجاع می‌دهد.

<a href=”https://mizfa.com” rel=”author” > Title link </a>

لینک از نوع Bookmark

این نوع لینک‌ها برای Bookmark (بوک مارک) کردن مناسب است چرا که لینک تغییر نمی‌کند و می‌توانید لینک مقاله را در مرورگر خود ذخیره نمایید یا همان بوک مارک کنید.

<a href=”https://mizfa.com” rel=”bookmark” > Title link </a>

لینک از نوع Help

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

<a href=”https://mizfa.com” rel=”help” > Title link </a>

لینک از نوع License

بدین معنا که این لینک ، شما را به صفحه کپی رایت مقاله هدایت می‌کند.

<a href=”https://mizfa.com” rel=”license” > Title link </a>

لینک از نوع next

به معنای این است که این لینک شما را به مقاله بعدی هدایت می‌کند.

<a href=”https://mizfa.com” rel=”next” > Title link </a>

لینک از نوع Prev

به معنای این است که این لینک شما را به مقاله قبلی هدایت می‌کند برعکس لینک next است.

<a href=”https://mizfa.com” rel=”prev” > Title link </a>

لینک از نوع Nofollow

در نظر دارم سال ۲۰۰۵ بود که رم نوفالو توسط گوگل معرفی شد. این نوع لینک به موتورهای جستجو اعلام می‌کند که لینک را دنبال نکنند و اعتباری به سایت مقصد داده نشود. 

<a href=”https://mizfa.com” rel=”nofollow” > Title link </a>

لینک از نوع Follow یا Dofollow

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

<a href=”https://mizfa.com” > Title link </a>

<a href=”https://mizfa.com” rel=”Follow” > Title link </a>

<a href=”https://mizfa.com” rel=”Dofollow” > Title link </a>

لینک از نوع Search

به لینکی اشاره می‌کند که شما در آنجا امکان جستجو در بین مقاله‌ها را دارید.

<a href=”https://mizfa.com” rel=”search” > Title link </a>

لینک از نوع Tag

اصولا تگ‌های مقاله‌ها را با این نوع لینک به موتورهای جستجو نشان می‌دهند. این لینک‌ها نشان دهنده یک تگ یا کلمه کلیدی در این مقاله است.

<a href=”https://mizfa.com” rel=”tag” > Title link </a>

توضیحات بیشتر درباره لینک‌ها در مقاله w3.org بخوانید.

لینک از نوع noreferrer noopener

این نوع اتریبیوت ها از زمانی معروف شدند که از نسخه ۴.۷ وردپرس بروی لینک هایی که target="blank" هستند (یعنی در زمان کلیک بر روی آن لینک ما وارد تپ دیگر می‌شویم) اعمال می‌شود. اصولا تگ‌های مقاله‌ها را با این نوع لینک به موتورهای جستجو نشان می‌دهند. این لینک‌ها نشان دهنده یک تگ یا کلمه کلیدی در این مقاله است.

رل noopener در window.opener جاوااسکریپت کمک به امنیت اطلاعات کاربران می‌کند و noreferrer به کمک هدر HTTP باعث افزایش امنیت می‌شود.

<a href=”https://mizfa.com” target="blank" rel=”noreferrer noopener” > Title link </a>

توضیحات بیشتر درباره لینک‌ها در مقاله w3.org بخوانید.

لینک از نوع Sponsored

این اتریبیوت یعنی rel="sponsored" که در سال ۲۰۱۹ یعنی دقیقا شهریور ۱۳۹۸ توسط گوگل در این لینک معرفی شد. معنای Sponsored یعنی حمایت مالی و هدف از این رل (rel) درج آن در لینک هایی است که جنبه تبلیغات دارند. درواقع لینک های تبلیغاتی و لینک هایی که اسپانسری هستند میتواند rel="sponsored" استفاده شود.

رل Sponsored یک موضوع مهم را به صورت غیرمستقیم اشاره میکند و آن اهمیت بیشتر رل نوفالو هست. درباره اهمیت بک لینک نوفالو بیشتر خوانید.

<a href=”https://mizfa.com” rel=”sponsored” > Title Sponsored</a>

لینک از نوع UGC

عبارت ugc مخفف User Generated Content است. رل ugc هم همانند رل اسپانسر در سال ۲۰۱۹ یعنی دقیقا شهریور ۱۳۹۸ توسط گوگل معرفی شد. هدف از اتریبیوت rel="ugc" بر روی لینک های است که محتوای آن توسط کاربرها ایجاد شده است.

<a href=”https://mizfa.com” rel=”ugc” > Title link </a>

حالا ممکنه بعد از اینکه بفهمید بک لینک چی هست، بپرسید:

از کجا بکلینک بخریم؟  چطوری تهیه کنیم؟

این بخش از متنی که شما دارید میخونید خلاصه تجربه ۸ ساله منه در این زمینه. خب:
نکته اول: من جای شما باشم اگر اولین باره قصد تهیه بکلینک رو دارم و تا حالا نخریم، پس زیاد سمت خرید بکلینک نمیرم، مگر وقت زیاد داشته باشم و بیام کلی مطالعه کنم و وقت بذارم و هزینه کنم تا یاد بگیرم و یا از یک مشاوره سئو کمک بگیرم و یا کلا بهتره بدم یک متخصص سئو کارهای خرید بکلینک های سایت منو انجام بده.
نکته دوم: حالت مشاوره که اشاره کردم شاید خیلی جواب نده چون مشاوره سئو اگر بخواد بهترین مشاوره رو به شما بده تقریبا باید اطلاعات خوبی از سئوی سایت شما داشته باشه. من خودم برای مشاوره دادن گاهی یک هفته دارم درباره یک سایت تحقیق میکنم طبیعتا اینطوری به ناچار هزینه مشاوره بالا میره. ولی مشاوره هایی که یک ساعته هست و شخص مشاور دهنده قبل مشاوره دادن هیچ اطلاعاتی از سایت شما نداره کمی میشه گفت صحبت ها کلی گویی میشه و به نظر شخصی من مشاوره غیرکاربردی هست چون به اون هدف اصلی که ما قصد داریم نمیرسونه.
نکته سه: بعید میدونم در محیط وب بتونید پاسخ این سوال “من میخوام برای سایتم بک لینک بخرم چطوری و از کجا بخرم” رو پیدا کنید، منابعی که برای اموزش ساخت بک لینک وجود داره بسیار ناقص هست و اصلا در هیچ سایتی غیرممکنه کامل درباره بک لینک صحبت کنن، من خودم سال ها هست قصد دارم یک سری مقالات جامع درباره بک لینک بنویسیم ولی متاسفانه نتونستم.
نکته چهار: فرض کنید اصلا شما یک منبع خوب و کامل پیدا کردید، کمی فکر کردید که اون کسی که این منابع رو نوشته چطوری اصلا میتونه ۱۰۰ ها مقاله بک لینک رو اپدیت نگه داره؟ همین الان در میزفا ۳۰۰ مقاله ای که توسط ۸ نفر اپدیت میشن نزدیک به ۱ سال و نیم طول میکشه. از طرفی فرض کنیم اصلا اپدیت هم هست (فرض محاله البته) میدونید بکلینک و ساخت لینک های خارجی مثل بازی با چاقو هست؟ و میتونید با این چاقو به سایت خودتون آسیب جدی بزنید؟ همینطور برای ساخت بک لینک اصولی برای سایت خودتون باید یک مسیر اختصاصی پیدا کنید، درواقع برای هر سایت باید یک مسیر بک لینک ساخت، مثل استراتژی میتونه که تا الان من یک بار هم ندیدم در دو کسب و کار مختلف یک نوع استراتژی بچینیم.
نکته پنج: خیلی از دوستان اصلا توجه به سئو داخلی نمیکنن و به قولی خوددرمانی یا به قول ما خودسئویی میکنن، خیلی از دوستان تماس گرفتن با ما و نیاز به لینک خارجی دارن، هر چند ما چنین خدماتی نداریم و کلا اختصاصی برای سایتی لینک سازی نمیکنیم و فقط تو پروژه های ۰ تا ۱۰۰ لینک سازی میکنیم ولی وقتی بررسی میکردیم میدیدیم که اون سایت اصلا نیاز به لینک نداره و انقدر سئو داخلی اون سایت مشکل داره که نیاز نیست هنوز بره سراغ لینک سازی.

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

پایان و نکات تکمیلی

۱) دقت داشته باشید که ما درباره انواع لینک‌ها یعنی تگ a در HTML صحبت کردیم هر چند برخی از این ویژگی‌ها را می‌توان در تگ link که در header هم مشاهده کرد.

۲) از طرفی میتوان در یک لینک برخی اتریبیوت ها را با هم استفاده کرد مثلا:

<a href=”https://mizfa.com” rel=”nofollow sponsored” > Title Sponsored</a>

یا مثلا

<a href=”https://mizfa.com” rel=”nofollow ugc” > Title Sponsored</a>

۳) الگوریتم های گوگل اهمیت زیادی به این اتریبیوت ها میدهند. بنابراین در جای درست استفاده کنید. اگر آشنایی به مباحث سئو ندارید از یک متخصص سئو که حداقل آشنایی نسبی با کسب و کار شما دارد کمک بگیرید.

ارور 500 Internal Server چیست

خطای 500 Internal Server error که معنای آن مشکل در سرور داخلی500  می‌باشد یکی از متداول‌ترین کد وضعیت‌های HTTP  در رنج کدهای 5xx است. ارور 500 به این معنا است که موضوع یا مسئله‌ای اشتباه بر روی سرویس‌دهنده‌ی وب‌سایت (سرور یا هاست) قرار دارد که سرور یا سرویس‌دهنده قادر به تشخیص دقیق مشکل نیست که وجود این خطا در مدت زمان طولانی مثلا بالای ۶ ساعت، تاثیری بسیار نامناسب بر روی سئو و بازاریابی آنلاین کسب وکار شما دارد.

البته اکثر خطاهای 5xx به جز خطای 503، این اثر بد در سئو را دارند و اگر سریع‌تر رفع نشود ممکن است ربات‌های گوگل این خطا را مشاهده کنند. برای همین به شما در بالا گفته شد که حتما از ابزارهای مانیتورینگ استفاده کنید.

آیا شما مدیر سایت هستید و بر روی سئوی ان کار میکنید؟ اگر خطای سرور داخلی 500 را در یک یا بیش از یک صفحه از وب‌سایت خود ملاحظه کردید، به منظور دریافت راهکارها یا پیشنهادات بهتر، به روش‌های رفع ارور 500 Internal Server error در وب‌سایت خود که در پایین صفحه قرار دارد مراجعه کنید.

پیغام خطای 500 Internal Server error ممکن است به شکل‌های متعددی نمایان شود چرا که هر وب‌سایتی می‌تواند و اجازه دارد این پیغام را به دلخواه خود سفارشی سازد همانند صفحه 404 که طراحی هر سایتی بر روی این خطا متفاوت است.

خطای 500 سایت readme که کاستومایز کرده

برخی از متداول‌ترین پیغام‌هایی که شما می‌توانید در آن خطای HTTP 500 را مشاهده نمایید به صورت زیر است:

500 Internal Server Error

HTTP 500 - Internal Server Error

Internal Server Error

HTTP 500 Internal Error

 500 Error

HTTP Error 500

500. That's an error

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

500 internal server error

دلایل بروز خطاهای HTTP 500

همان‌گونه که در بالا اشاره کردم، پیغام‌های خطا 500 حاکی از آن است که یک چیز یا مسئله‌ای در کل سایت اشتباه است.

بسیاری از اوقات، ارور 500 به معنی وجود مشکل در سرور (هاست) یا برنامه‌نویسی سایت است، و گاهی پیدا کردن این مشکل سخت و گاهی موقت است و به سادگی رفع می‌شود.

توجه: هر خطای 500 خودش زیرمجموعه های مختلفی می‌تواند داشته باشد، در بیشتر موارد اطلاعاتی ریز درباره‌ی علت بروز  یک خطای HTTP 500 ، زمانی ارائه می‌شود که آن خطا در یک سرور که از نرم‌افزار مایکروسافت IIS استفاده می‌کند، رخ دهد. به ارقامی که پس از عدد 500 ظاهر می‌شود توجه کنید مانند خطای HTTP 500.19– خطای سرور داخلی که به این معنی است که داده‌های پیکربندی نامعتبر است. پیغام‌های دیگر را در همین صفحه کمی پایین‌تر اورده‌ایم.

چگونگی رفع خطای 500 Internal Server

همان‌گونه که در بالا اشاره داشتم، خطای 500 ، خطایی است که از سوی سرویس‌دهنده (سرور) است، به این معنی که مشکل احتمالاَ ناشی از سیستم رایانه یا اینترنت، شما نیست، بلکه در عوض این مشکل به سرویس‌دهنده سایت شما (یا به اصطلاح هاست) بر‌می‌گردد.

ممکن است چیز اشتباهی از سوی شما باشد که البته این بیان درباره بروز این مشکل غیرمحتمل است و در ادامه این احتمالات برای بروز این خطا را تشریح خواهیم کرد.

رفع خطای 500 سمت کاربر

مرورگر خود را بارگذاری کنید. می‌توانید این کار را با کلیک کردن بر دکمه بارگذاری مجدد (Refresh) و یا فشردن دکمه F5 (صفحه‌ی کلید) و یا امتحان دوباره‌ی نشانی اینترنتی در نوار آدرس، انجام دهید.
حتی اگر خطای 500 Internal Server، مشکلی در سرور وب باشد، مسئله ممکن است موقتی باشد. تلاش دوباره برای دسترسی به صفحه، در بیشتر موارد موفقیت‌آمیز خواهد بود.
راه دیگر این است که وارد ادرس downforeveryoneorjustme.com شده و همانند عکس زیر نام ادرسی که قرار هست وارد شوید را بزنید، مثلا در اینجا mizfa.com تایپ شده. اگر با پیغام Up مواجه شدید به این معنی است که سیستم شخصی شما مشکلاتی دارد و اگر Down روبه‌رو شدید به احتمال زیاد مشکل از سمت شما نبوده و سرور مشکلاتی دارد.

ابزاری آنلاین جهت فهمیدن اینکه ایا سایت up هست یا down

حافظه‌ی پنهان مروگر خود را پاک کنید. حافظه پنهان یا کش (cache) گفته می‌شود، اگر مشکلی در ارتباط با نسخه کش مربوط به صفحه در حال بازدید پیدا شود، این امر ممکن سبب بروز HTTP 500 شود.
توجه: خطاهای سرور داخلی غالبا ناشی از مسائل مربوط به کش نیست ولی من مواردی را دیده‌ام که پس از پاکسازی، این خطا رفع شده است. این کار آسان و بی‌خطر است بنابراین نسبت به آن بی‌تفاوت نباشید.

کوکی‌های مرورگر خود را حذف کنید. کوکی (cookies) داده‌های بسیار کوچکی هستند که وقتی شما از سایتی بازدید می‌کنید به سمت مرورگر شما ارسال می‌شود، برخی از مسائل مربوط به خطای 500 Internal Server را می‌توان با حذف کوکی‌های مرتبط با سایتی که شما در بازدید از آن با خطا مواجه شده‌اید را تصحیح کرد.
پس از حذف کوکی‌ها، مرورگرتان را راه‌اندازی مجدد کنید و آن را (جهت دستیابی به وب‌سایت مورد نظرتان) دوباره امتحان کنید.

این خطا را همانند خطای 504 عیب‌یابی کنید.
برخی سرویس‌دهنده‌ها، خطای 500 Internal Server را وقتی نمایش می‌دهند که خطای 504  وجود داشته باشد؛ البته این امر خیلی معمول نیست.

تماس مستقیم با وب‌سایت، گزینه‌ی دیگر است. مدیران وب‌سایت‌ها به احتمال زیاد از بروز خطای 500 آگاه هستند اما چنان‌چه شما گمان می‌کنید آن‌ها از این امر اطلاع ندارند، خوب است آن‌ها را نسبت به آن آگاه سازید.
نکته جالب: در توییتر  معمولا  زمانی یک سایت به طور کامل Down یا به اصطلاح خوابیده می‌شود، به ویژه اگر سایت Down شده جز وب‌سایت‌های محبوب و پرمخاطب باشد، مملو از بحث های در قالب تویت می‌شود و اگر مثلا شما چنین مشکلی خوردید در سایت های بزرگ، می‌توانید به این شبکه ها سر بزنید و با یک جستجو به اطلاعات لازم درباره خطاهای اخیر در آن سایت می‌رسید. مثلا می‌توان از هشتک های مثل  #websitedown در توییتر استفاده کرد برای پیدا کردن یک سایت خاص. به عنوان مثال زمانی که سایت فیسبوک برای مدت کوتاهی Down شد هشتک facebookdown در این شبکه اجتماعی مورد استفاده زیادی قرار گرفت. یا سایت آمازون هم در این شبکه اجتماعی مورد هدف کاربران گرفته و با هشتک amazondown تویت های بسیاری را می‌بینیم. در واقع این روش، ترفندی عالی برای اطلاع از وضعیت دیگر سایت‌ها به جز توییتر است.

بعدا مراجعه کنید. متاسفانه در رابطه با خطای 500 Internal Server بایستی گفت که این خطا بدون تردید خارج از کنترل شما (کاربران سایت) است و در نهایت بایدتوسط کسی دیگر (مدیر وب‌سایت) رفع شود.
اگر پیغام ارور 500 به هنگام خرید آنلاین پدیدار می‌شود، ممکن است ناشی از ایجاد اختلال در سایت باشد- معمولاَ در این حالت، انگیزه‌ای قوی برای رفع آن در اسرع وقت توسط فروشگاه آنلاین ایجاد می‌شود. اگر شما حتی در سایت‌هایی که برای خرید و فروش نیستند مانند یوتیوب، توییتر، ایسنتاگرام و یا تلگرام مشکل 500 برخوردید، کم‌ترین کار ممکنی که می‌توانید انجام دهید، صبر کردن است چرا که خداوند صابران را دوست دارد

سئو وردپرس بهتر است یا جوملا

سئو وردپرس بهتر است یا جوملا

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

در این مقاله آموزشی قصد داریم تا طی یازده گام اساسی، برای بالابردن سئو وبسایت جوملا در موتور جستجوی گوگل را به شما آموزش دهیم.

از درستی نوع سرور خود اطمینان پیدا کنید.

به عنوان نخستین و مهمترین مرحله از آموزش سئو جوملا، توصیه می‌شود از سرورهای IIS ( ویندوزی)  پرهیز کنید چرا که به احتمال قوی با مشکلات بسیاری در نصب و پیکربندی جوملا و سئو آن در چنین سرورهایی مواجه خواهید شد و از سویی بازنویسی URL ها در IIS معمولا نیاز به ماژول‌هایی دارد که کار با آن‌ها به هیچ وجه آسان نیست. بنابراین بهترین کار استفاده از یک سرور Apache با قابلیت rewrite-mode می‌باشد چرا که کامپوننت های سئو در آن‌ها عملکرد بهتری بر Joomla داشته و امکان بازنویسی URL ها را در این سی ام اس فراهم است .

تغییر نام txt به 

.htaccess

بازنویسی URL ها علاوه بر افزایش میزان خوانایی آدرس صفحات جوملا، می‌تواند یک تجربه کاربری و حس خوب را رقم بزد، از طرفی این امکان باعث می‌شود که با انتخاب عبارات و کلمات کلیدی مناسب، محتوای صفحه را به گونه‌ای معرفی کنیم که سئو جوملا مورد نظر، از نگاه موتور جستجو افزایش یابد. برای فعالسازی امکان بازنویسی URL های جوملا نیاز به تغییر نام htaccess.txt  به .htaccess می‌باشد.

فعالسازی قابلیت SEF و بازنویسی URL ها

نکته سوم از سئو جوملا این هست که در قسمت تنظیمات کلی (Global Configuration) -> تنظیمات SEO سایت جوملا گزینه‌های آدرس های بهینه برای موتورهای جستجو (Search Engine Friendly URLs) و استفاده از mod_rewrite را فعال کنید.

بهینه سازی ادرس جوملا در تنظیمات کلی

URL های مورد علاقه موتور جستجو بدین معناست که بخش های پایانی و تولید شده اتوماتیک حذف و با نام مستعاری که برای آیتم منوی آن صفحه در نظر گرفته‌اید جایگزین شود. بازنویسی URL نیز برای حذف عبارات index.php از پایان URL ها استفاده می شود. SEF همان Search Engine Friendly است. و آدرس های بهینه برای موتورهای جستجو را SEF URLs گویند.

راستی یک مقاله عالی در زمینه URL ها بنده نوشتم و حتما پیشنهاد میکنم مقاله آدرس فارسی یا انگلیسی بخوانید.

تصحیح فایل txt

در فایل robots.txt که به طور خودکار توسط جوملا تولید می شود، امکان دسترسی روبوت ها به تصاویر موجود در پوشه images غیرفعال شده است. با توجه به اینکه تصاویر، تاثیر بسزایی در ترافیک سایت شما در موتورهای جستجو دارند، به شدت توصیه می‌شود جهت افزایش سئو سایت جوملا خود، پوشه /images/ را از فایل robots.txt حذف کنید. اگر اطلاعاتی درباره این فایل ندارد مقاله جامع فایل robots.txt را مطالعه فرمایید.

نصب ویرایشگر JCE

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

ویرایشگر JCE برای بهبود سئو جوملا

قرار دادن متن جایگزین و ابعاد تصاویر

سئو عکس همیشه مورد توجه سئوکار ها بوده است، با نصب JCE می‌توانید به کلیه تصاویر موجود در سایت جوملا، ابعاد و متن جایگزین اختصاص دهید. افزودن ابعاد به تصاویر باعث می‌شود که قبل از بارگیری تصویر در مرورگر، فضایی به آن اختصاص یابد و این امر باعث بهبود افزایش سرعت جوملا و همینطور سئو سایت شما می‌شود.

مدیریت تگ های متا

اگر چه امروزه متا تگ کلمات کلیدی تقریبا منسوخ شده است، اما متا تگ های توضیحات و عنوان هنوز بسیار با اهمیتند. ویرایش این متاتگ ها در سایت جوملا شما به صورت تکی بسیار زمان بر است، یک روش جایگزین استفاده از یک کامپوننت محبوب و بسیار مفید در این باره، با نام  SEO Boss می باشد. این افزونه متا تگ توضیحات را به تمام صفحات می افزاید و شما تنها یکبار آن را ویرایش می کنید. همچنین میزان سئو جوملا شما در موتور جستجو را به شما اطلاع می دهد. البته این موارد مربوط به سئوی داخلی یک سایت می‌شود و ما یک مقاله بی‌نظیر و بسیار کامل درباره سئو داخلی انتشار دادیم که با خواندن آن حتما شگفت‌زده خواهید شد.

نمایش دامنه سایت جوملا با www یا بدون www

یکی از مشکلات سئو جوملا همین موضوع هست، هر چند با چند کد ساده رفع می‌شود، برخلاف وردپرس که به طور خودکار آدرس ها را با www به بدون www انتقال می‌دهد، در سایت جوملا نیاز است به صورت دستی فایل  .htaccess ویرایش شود. بدین منظور یکی از دو کد زیر را باید در این فایل وارد نمود.

برای www:

RewriteEngine On

RewriteCond %{HTTP_HOST} !^www\.

RewriteRule ^(.*)$ http://www.%{HTTP_HOST}/$1 [R=301,L]

برای بدون www  :

RewriteEngine On

RewriteCond %{HTTP_HOST} www.mizfa.com

RewriteRule (.*) http://mizfa.com/$1 [R=301,L]

لینک دهی داخلی به شکل اصولی

یکی از مسائل اساسی در سیستم های مدیریت محتوا به ویژه جوملا ایجاد شدن محتوای تکراری است که تاثیر منفی بر سئو سایت جوملا دارد و می‌تواند اثر بر روی پنالتی شدن سایت توسط گوگل را داشته باشد. برای رفع این مشکل لازم است حتما به شکل دقیقد و اصولی به آن محتوا لینک داخلی داده شود، بدان معنا که برای ایجاد لینک سازی داخلی حتما باید به آدرس دقیق سایت ( که با www یا بدون آن نوشته شده است) و یا / و پسوند (مثل .html) در دامنه آن دقت شود.

بهبود سرعت وب سایت

ما در میزفا بسیار درباره افزایش سرعت سایت بحث کردیم و مقالات بسیار کامل و جامعی انتشار دادیم، شما می‌توانید در قسمت آموزش Gtmetrix مقالات با این موضوعات را مطالعه نمایید. سیستم مدیریت محتوا جوملا را می‌توان با روش‌های لازمه موجود باعث بهبود سرعت بارگیری آن شد که ما در اینجا به شکل خیلی خلاصه به کمک سه روش زیر، شما را در این امر راهنمایی میکنیم:

10-1. تنظیمات کش سایت: مرورگر لازم است به مرورگر تفهیم شود که میخواهیم تا چه مدتی وب سایت ما را ذخیره کنند. بدین منظور لازم است  فایل .htaccess ویرایش و کدی مشابه کد زیر به آن افزوده شود. در غیر اینصورت یعنی زمانی که نخواهیم زمان مشخصی را برای مرورگر تعیین کنیم یا ذخیره نوع خاصی از محتوا مد نظرمان نباشد، میتوان از این کد صرف نظر کرد. https://mizfa.com/blog/leverage-browser-caching/

## EXPIRES CACHING ##

<IfModule mod_expires.c>

ExpiresActive On

ExpiresByType image/jpg "access 1 year"

ExpiresByType image/jpeg "access 1 year"

ExpiresByType image/gif "access 1 year"

ExpiresByType image/png "access 1 year"

ExpiresByType text/css "access 1 month"

ExpiresByType text/html "access 1 month"

ExpiresByType application/pdf "access 1 month"

ExpiresByType text/x-javascript "access 1 month"

ExpiresByType application/x-shockwave-flash "access 1 month"

ExpiresByType image/x-icon "access 1 year"

ExpiresDefault "access 1 month"

</IfModule>

## EXPIRES CACHING ##

10-2. فعال کردن Gzip: یک روش بسیار عالی برای افزایش سرعت بارگیری سایت فعالسازی Gzip است. بدین منظور بایستی به تنظیمات اصلی جوملا در Global Configuration رفته و در قسمت سرور، این گزینه را فعال کنید. توجه داشته باشید که این گزینه زمانی کار خواهد کرد که mode_gzip سرور شما فعال باشد.

فعال سازی gzip در جوملا

10-3. بهینه سازی تصاویر: یکی از مهم‌ترین موارد در سئو جوملا و سرعت آن است، فارغ از اینکه از جوملا یا هر CMS دیگر استفاده می‌کنید، بهینه سازی تصاویر قبل از بارگذاری وبسایت یک امر بدیهی برای هر برنامه نویس وب است. برای فشرده سازی تصاویر خود می توان از نرم افزارهای مخصوص این کار همچون فتوشاپ و یا ابزارهایی همچون ابزار Google’s Page Speed tool  استفاده نمود. البته اگر دنبال ابزار سئو بیشتر هستید در لینک اشاره شده کلیک کنید.

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

نصب XMap

به جرات می توان گفت XMap یکی از بهترین افزونه های سئو جوملا برای ایجاد نقشه سایت است که می توان در دو فرمت xml و html نقشه سایت را در آن ایجاد کرد. وارد XMap شده و یک نقشه سایت در آن ایجاد کنید، آیتم های منو را انتخاب و اولویت های آن ها را تنظیم کنید و سپس روی ذخیره و viola کلیک کنید. در نهایت تنها لازم است تا این نقشه سایت به ابزار وب مسترتولز گوگل معرفی شود. اگر روش کار را نمی‌دانید آموزش گوگل وبمستر را هم از دست ندهید.

افزونه های سئو وبسایت جوملا

بنابر تجربه می‌توان گفت با استفاده از جوملا 2.5 بدون استفاده از افزونه های غیر ضروری، سئو بسیار ساده‌تر است. با این حال، در صورتی که می‌خواهید کنترل بیشتری بر تنظیمات سئو خود داشته باشید، در اینجا دو مورد از افزونه های محبوب سئو جوملا را معرفی می‌کنیم:

افزونه Sh404sef که یک افزونه همه کاره سئو به شمار می رود و تنظیمات آن بسیار آسان است.

افزونه Artio JoomSEF – JoomSEF که شبیه به sh404SEF است اما به اندازه آن قدرتمند نبوده و تنظیمات آن کمی خسته کننده است، ولی نسخه رایگان آن نیز وجود دارد.

در پایان باید گفت که با رعایت نکات سئو بالا در ساختار جوملا، طی مراحلی باعث بهبود سئوی جوملا می‌شود ولی این همه ماجرا نمی‌باشد و اگر قصد دارید بیشتر درباره سئو بدانید پیشنهاد میکنم مقالات سئو سایت میزفا را مطالعه نمایید و همینطور می‌توانید از سرفصل‌های پست آموزش سئو در جهت افزایش رتبه سایت خود در نتایج گوگل استفاده کنید. و همیشه بدانید که باید به روز باشید که این امر به ویژه با در نظر گرفتن تغییرات اخیر الگوریتم و روحیه گوگل که در تلاش برای مقابله با سایت های بهینه سازی نشده است، بیشتر اهمیت پیدا می‌کند.

خوشحال می‌شویم دیدگاه‌ها و تجربیات خود را در قسمت نظرات به اشتراک بگذارید.

تفاوت بین Microdata ،Structured Data و Rich Snippets

شاید خوب باشه که اول مقاله structured data چیست مطالعه خوب داشته باشید و همینطور بعدش مقاله فوق العاده ریچ اسنیپت چیست بخونید.در این مقاله‌ها به خوبی به تک تک عبارات این صفحه پرداختیم و گفتیم که چقدر میتونن در سئو سایت شما تاثیر مثبتی بذارن.

ولی در این مقاله بیشتر به فرق این عبارات میخوایم بپردازیم و به شما دید بسیار عالی میده

Structured data چیست؟

زبان نشانه گذاری HTML برای این منظور ایجاد شده بود که عناصر مختلف صفحه از قبیل تصویر، پاراگراف، جدول، مقاله، کتاب، فیلم و… را مشخص کند و به مرورگرها بگه که در کدام بخش از صفحه چه چیزی باید نمایش داده شه.

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

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

انواع استانداردهای Structured data 

حال00 Structured data استانداردهای مختلفی داره که اکثرا موتورهای جستجو اونا رو پشتیبانی میکنن، استانداردهای استراکچرد دیتا عبارت‌اند از:

RDFa

Microformats

Microdata

JSON-LD

استاندارد JSON-LD یادم رفت تو عکس بزارم