بررسی اندازه صفحه خود برای SEO: یک راهنمای کامل

سرعت اینترنت امروز از این دنیا خارج شده است. مطابق با Statista، متوسط ​​سرعت بارگیری پهنای باند ثابت 105.15 مگابیت بر ثانیه و تلفن همراه 55.95 مگابیت بر ثانیه است.

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

شما نمی توانید انواع اندازه صفحاتی را که در ممیزی SEO جستجو کرده ام باور کنید ، بزرگترین آنها 100 مگابایت است (شوخی نمی کنم).

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

همچنین باید به Core Web Vitals و نحوه مطابقت صفحه با معیارهای گوگل نگاهی بیندازیم.

در این راهنما ، همه چیز را که برای درک نیاز دارید پیدا می کنید و اندازه صفحه خود را بررسی می کنید ، سپس آن را بهینه می کنید.

قوانین کلی برای اندازه صفحه

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

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

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

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

اگر به دنبال ابزاری برای بررسی اندازه صفحه HTML هستید ، ابزار زیر در SEO Site Checkup ابزار خوبی است.

مسائلی که بر اندازه صفحه شما تأثیر می گذارد

CSS و JS

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

“کد نفخ” به این معنی است که کد غیر ضروری حجم صفحه را به میزان قابل توجهی افزایش می دهد ، در نتیجه بر سرعت صفحه شما تأثیر می گذارد.

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

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

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

DOM HTML

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

این امر بر کارایی شبکه ، عملکرد بارگذاری ، عملکرد حافظه و عملکرد زمان اجرا تأثیر می گذارد ، همه اینها می تواند بارگذاری کلی صفحه شما و تجربه کاربری Core Web Vitals را تحت تأثیر قرار دهد.

فرایند توسعه شما باید نوعی تخصیص منابع برای بهینه سازی اندازه درخت DOM شما را شامل شود.

تصاویر

تصاویر بزرگ می توانند بر اندازه صفحه شما تأثیر منفی بگذارند ، به ویژه اگر با رضایت کاربر تداخل داشته باشند.

اگر کاربر باید 5 دقیقه منتظر بماند تا تصویر 15 مگابایت بارگیری شود ، شما قبلاً آن را از دست داده اید.

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

ابزارهایی برای بررسی اندازه صفحه شما

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

بینش سرعت صفحه گوگل

Google Speed ​​Insights یک ابزار مهم برای شناسایی مسائل مربوط به اندازه صفحه است که ممکن است بارگذاری را کند کند.

علاوه بر این ، به شما کمک می کند موارد موجود در چک لیست مربوط به Google Core Web Vitals را برای اندازه صفحه انتخاب کنید.

Screaming Frog SEO Spider

همچنین می توانید اندازه صفحه خود را با استفاده از Screaming Frog SEO Spider برای انجام خزیدن در سایت خود بررسی کنید.

پس از اتمام خزیدن ، مراحل زیر را برای بررسی اندازه صفحه خود دنبال کنید:

1. روی منوی کشویی در گوشه بالا سمت چپ کلیک کنید.

2. انتخاب کنید HTMLبه این فقط صفحات HTML را نشان می دهد که در سایت شما خزیده شده اند.

3. سپس ، به سمت راست حرکت کنید تا اعداد اندازه صفحه را مشاهده کنید ، همانطور که در زیر نشان داده شده است.

به این ترتیب می توانید اندازه صفحه خود را با Screaming Frog SEO Spider بررسی کنید.

چرا بررسی اندازه صفحه شما بسیار مهم است؟

اندازه صفحه یکی از ملاحظات کلیدی در سئو است زیرا می تواند سرعت کلی صفحه شما را به طور قابل توجهی تحت تاثیر قرار دهد ، هم بر رتبه بندی و هم بر عملکرد جستجو تأثیر بگذارد.

سرعت بارگذاری صفحه

مطابق با جستجوی Google مرکزی:

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

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

مانند ما ، کاربران ما ارزش زیادی برای سرعت قائل هستند – به همین دلیل ما تصمیم گرفته ایم سرعت سایت را در رتبه بندی جستجوهای خود در نظر بگیریم. ما از منابع مختلفی برای تعیین سرعت یک سایت نسبت به سایت های دیگر استفاده می کنیم. “

تقریبا 70٪ مصرف کنندگان اعتراف می کنند که سرعت صفحه بر تمایل آنها برای خرید از خرده فروش آنلاین تأثیر می گذارد و نیمی از آنها گفتند که حاضرند انیمیشن و ویدئو را برای بارگذاری سریعتر کنار بگذارند.

و به گفته گوگل ، با افزایش زمان بارگذاری صفحه از یک ثانیه به 10 ثانیه ، احتمال پرش بازدیدکنندگان سایت تلفن همراه افزایش می یابد 123٪به

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

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

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

اندازه صفحه کوچکتر به پهنای باند کمتر (انتقال فایل) استفاده می شود ، که می تواند هزینه میزبانی کمتر را کاهش دهد – به ویژه در سایتهای بزرگ.

بهترین روش ها برای بهینه سازی اندازه صفحه

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

آن تصاویر را بهینه کنید

ایجاد بهترین و بهینه ترین تصاویر مستلزم این است که مطمئن شوید موارد زیر را از لیست چک خود علامت زده اید:

• اندازه پیکسل فیزیکی
• اندازه کلی تصویر.
• حفظ کیفیت تصویر.

اندازه پیکسل فیزیکی به تراکم پیکسل تصویر اشاره دارد. اگر تراکم پیکسل تصویر ثابت بماند ، مهم نیست که تصویر شما از 1600 16 1600 به 500 500 500 کاهش یابد.

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

برای اطمینان از بهینه سازی مناسب که هر دو عامل را در نظر می گیرد ، مطمئن شوید که از فشرده سازی تصویر بدون ضرر با ابزارهایی مانند Adobe Photoshop یا نسخه های پولی ابزارهایی مانند Smush Pro استفاده می کنید.

در حال حاضر ، Adobe Photoshop استاندارد طلایی در مورد فشرده سازی تصویر است.

این به شما کمک می کند تا هر سه فاکتور را هدف قرار دهید و تصاویر شما هنوز در انتهای فرایند فشرده سازی کاملاً شفاف باشند.

شما همچنین باید فرمت های تصویر سریعتری را در نظر بگیرید که بهتر از نسخه های قبلی خود هستند ، مانند WebP بیش از png

چندین سرویس وجود دارد که می توانید از آنها برای بهینه سازی تصویر استفاده کنید ، از جمله ShortPixel.com و TinyPNG.com.

اگر از وردپرس استفاده می کنید ، چندین پلاگین وجود دارد که برای این کار بسیار مفید هستند. یکی هست Shortpixel Image Optimizer و دیگری این است تصاویر فشرده کوچک افزونه

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

ما همه آنجا بوده ایم. همه ما قربانی “I-Want-That-Font-itis” شده ایم!

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

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

استفاده از فونت های ایمن برای وب مانند Arial ، Verdana یا Helvetica همه گزینه های فوق العاده ای هستند و احتمال بروز مشکلات مربوط به فونت سفارشی که انتخاب کرده اید را حذف می کنید.

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

HTML و CSS خود را به حداقل برسانید

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

وقتی HTML و CSS خود را کوچک می کنید ، از فاصله های ناخواسته و غیر ضروری در کد خلاص می شوید و در نتیجه حجم فایل صفحه را کوچک می کنید.

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

تعدادی ابزار وجود دارد که می توانید برای کوچک کردن فایل های HTML و CSS خود استفاده کنید ، از جمله:

اگر به دنبال بهینه سازی یک کلیک برای کارهای کوچک سازی وردپرس خود هستید ، Cloudflare همچنین اگر به دنبال انتقال به سرویس CDN (Content Delivery Network) هستید ، این ویژگی را ارائه می دهد.

ابزار موجود در Minifier.org نیز برای این منظور بسیار مفید است.

از Plug-in Bloat اجتناب کنید

افزودن افزونه ها آنقدرها هم که به نظر می رسد بی ضرر نیست. اگر 5 ، 10 یا 15 افزونه را به طور همزمان اضافه کنید ، ممکن است بخواهید این تمرین را بسیار کاهش دهید.

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

مراقب باشید افزونه های خود را فقط به موارد ضروری محدود کنید و عملکرد صحیح مورد نیاز صفحه خود را اضافه کنید.

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

بهینه سازی اندازه صفحه شما اولین قدم در بین بسیاری از موارد است

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

این اشتباه را نکنید که بیش از حد با فونت های غیر ضروری ، تصاویر بیش از حد بزرگ و افزونه های غیر ضروری به کاربران خود فشار بیاورید.

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

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

منابع بیشتر:

---

تصویر ویژه: Sammby/Shutterstock