سئو تکنیکال چیست و چه مواردی باید در آن بررسی شوند؟

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

سئو تکنیکال چیست؟

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

چرا سئو تکنیکال اهمیت دارد؟

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

بررسی انواع تگ های HTML

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

تگ Canonical

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

</"/link rel="canonical" href="https://example.com/samplepage>

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

تگ های هدینگ

هدینگ‌ها درواقع راهنمای مخاطبین و موتورهای جستجو هستند و به یک متن ساختار می‌دهند. درواقع تگ‌های هدینگ هم در بهبود تجربه‌ی کاربری (UX) مؤثرند و هم به موتورهای جستجو کمک می‌کنند درک بهتری از محتوا به دست آورند. تگ‌های هدینگ به ترتیب اولویت از H1 تا H6 هستند. این نکته حائز اهمیت است که از تگ H1 باید فقط یک‌بار در صفحه و برای عنوان مقاله استفاده کنید. تگ H2 مشخص‌کننده سرفصل‌های اصلی متن می‌باشد و تگ‌های H3 تا H6 نیز به‌عنوان سرفصل‌های فرعی و زیر تیترها مورداستفاده قرار می‌گیرند.

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

تأثیر تگ های هدینگ بر سئو سایت

استفاده از سرفصل‌ها باعث بهبود خوانایی متن می‌شود و یک دید کلی از مقاله ارائه می‌دهد. بسیاری از کاربران وقتی وارد سایتی می‌شوند، ابتدا مقدمه و سپس سرفصل‌های آن مقاله را می‌خوانند تا متوجه شوند آیا آن مقاله پاسخگوی نیازشان می‌باشد یا خیر. اگر نتوانند به‌سرعت متنی را بررسی کنند احتمالاً تصمیم به ترک وب سایتتان می‌گیرند و سراغ سایت‌های دیگر در نتایج جستجو می‌روند. بنابراین انتخاب سرفصل‌های جذاب که توصیف خوبی از محتوای آن بخش از متن باشد می‌تواند کاربران بیشتری را ترغیب به خواندن آن مقاله کند و نرخ پرش سایت (Bounce Rate) که میزان خروج کاربر است، کاهش می‌یابد. این فاکتور در رتبه‌بندی بسیار مهم و مؤثر است و باعث بهبود سئو تکنیکال می‌شود.

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

متا تگ

متا تگ‌ها، المان‌هایی هستند که درون تگ Head در فایل Html درج می‌شوند و وظیفه دارند اطلاعاتی از محتوای سایت شما را در اختیار موتورهای جستجو و کاربران قرار دهند که قطعاً بهینه‌سازی آن‌ها می‌تواند در رتبه‌ی سایت شما در گوگل و افزایش نرخ کلیک (CTR) مؤثر باشد. تعداد متا تگ‌ها زیاد است و ما در این مقاله تنها به معرفی متا تگ‌هایی می‌پردازیم که از نظر سئو و بهینه‌سازی سایت برای موتورهای جستجو اهمیت دارند. به‌عنوان‌مثال برخی از متا تگ‌ها به موتورهای جستجو کمک می‌کنند تا متوجه شوند سایت را برای چه کلمات کلیدی به نمایش بگذارند و کدام قسمت‌های سایت مهم‌تر هستند.

متا تگ عنوان(Title tag)

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

متا تگ توضیحات(Meta description)

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

افزایش سرعت سایت

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

ابزارهای تست سرعت سایت برای بهبود سئو تکنیکال

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

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

بهینه سازی سرعت سایت

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

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

• Test Format: در این قسمت می‌توانید تنظیم کنید از کدام موقعیت مکانی و چگونه سایت مورد بررسی قرار گیرد.
• Test URL in: می‌توانید در این قسمت موقعیت مکانی را تعیین کنید.
• Using: این قسمت امکان انتخاب مرورگر کروم یا فایرفاکس دسکتاپ یا مرورگر کروم اندروید را به شما می‌دهد.
• With: تنظیمات مربوط به سرعت اینترنت را در این قسمت می‌توانیدتنظیم کنید.
• Options: این بخش شامل تنظیمات پایه مربوط به این صفحه، امکان فعال یا غیرفعال کردن تولید ویدیو از تست، افزونه مسدودکننده تبلیغات و زمان بارگذاری کامل صفحه یا حالت Onload می‌باشد.

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

همان‌طور که مشاهده می‌کنید، نتیجه آنالیز در دو بخش ارائه شده است. یکی مربوط به امتیاز عملکرد (Perfomance Scores) و دیگری مربوط به جزئیات صفحه (Page Details).

امتیاز عملکرد(Performance Scores)

• امتیاز سرعت صفحه (PageSpeed Score): این پارامتر امتیاز سرعت کلی صفحه‌ای از سایت که آدرس آن را برای آنالیز وارد کردید به‌صورت درصدی نشان می‌دهد. این امتیاز بر اساس الگوریتم‌های گوگل بررسی شده است. جالب است بدانید، هرچه درصد بالاتر رود و به 100 نزدیک‌تر شود، با رنگ سبز و هرچه این مقدار کمتر باشد با رنگ قرمز نشان داده خواهد شد. همچنین بر اساس حروف الفبای انگلیسی، از حرف A تا F، هم رده‌بندی‌شده که بر اساس درصد نهایی، یکی از این حروف نمایش داده می‌شود که در اینجا حرف A به معنی امتیاز بالا است.
• امتیاز YSlow Scroes: این امتیاز توسط ابزار آنالیز YSlow و بر اساس الگوریتم‌های یاهو تهیه و برحسب درصد ارائه می‌شود.

همان‌طور که گفته شد، امتیازهای PageSpeed Score و YSlow Score میانگین امتیاز محاسبه‌شده برای تعدادی از پارامترهای مؤثر در سرعت سایت می‌باشند که در سربرگ‌های PageSpeed و YSlow می‌توانید به آن‌ها دسترسی داشته باشید. علاوه بر این‌ها، GTmetrix، در سربرگ‌های Waterfall ،Timings و History نیز اطلاعات قابل‌توجهی به ما ارائه می‌دهد. حال در ادامه به معرفی این بخش‌ها و پارامترها می‌پردازیم.

بهینه‌سازی PageSpeed Score

این بخش مربوط به آنالیز سایت ازلحاظ سرعت بر اساس الگوریتم‌های گوگل می‌باشد. هر پارامتری که در سرعت سایت مؤثر است بررسی شده و امتیازی به آن داده شده است(ستون GRADE). همچنین نوع(TYPE) و اولویت(PRIORITY) آن مشخص شده و توصیه‌هایی برای بهینه‌سازی هرکدام از پارامترها ارائه شده است(ستون RECOMMENDATION). همان‌طور که در تصویر زیر می‌بینید، پارامترها با رنگ‌بندی خاصی نشان داده‌شده‌اند:

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

با کلیک بر روی هرکدام از این پارامترها می‌توانید پیشنهاد‌هایی برای بهبود امتیاز و بهینه‌سازی سایت مشاهده کنید.

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

• Leverage browser caching: این گزینه مربوط به کش فایل‌های ثابت مانند تصاویر، فایل‌های CSS و لوگو که به‌ندرت تغییر می‌کنند، می‌باشد. اگر به هر دلیلی این کش‌ها در سایت بمانند در این قسمت به شما نشان خواهد داد.
• Optimize images این گزینه مربوط به تصاویر به‌کاررفته در سایت است و آدرس هر تصویری که می‌تواند بهینه شود و حجم آن کاهش یابد را نشان می‌دهد. علاوه بر این، در این بخش می‌توانید ببینید هر تصویر تا چه میزان می‌تواند بهینه شود و حتی فایل بهینه‌شده تصاویر نیز برای دانلود موجود است.کافی است بر روی گزینه optimized version کلیک کنید.
• Minify JavaScript و Minify CSS: این پارامترها به بررسی کدهای جاوا اسکریپت و CSS می‌پردازند و مشخص می‌کنند چه میزان امکان فشرده‌سازی و کاهش سایز وجود دارد. با فشرده‌سازی این کدها؛ سرعت دانلود، خواندن توسط مرورگر و اجرا افزایش می‌یابد.
• Enable compression: حجم سایز فایل‌هایی که از سرور به مرورگر منتقل می‌شوند را حتی‌الامکان کاهش دهید. این پارامتر نشان می‌دهد تا چه میزان از قابلیت Gzip/Brotli در سایت شما استفاده شده است. Gzip/Brotli می‌تواند سایز صفحات شما را تا 70% کاهش دهد! و درنتیجه با سرعت بالاتر لود خواهد شد.
• Inline small CSS و Inline small JavaScript: این پارامتر به بررسی فایل‌های CSS و جاوا اسکریپت کم‌حجم می‌پردازد. اگر محتوای فایل‌های CSS و JavaScript که به روش External فراخوانی شده‌اند کم‌حجم می‌باشد، بهتر است یا آن‌ها را با دیگر فایل‌های CSS و JavaScript که External هستند ادغام نماییم یا به شکل Internal درون کد HTML استفاده کنیم.
• Combine images using CSS sprites: طبق این پارامتر، GTmetrix پیشنهاد می‌کند حتی‌الامکان تصاویر را با استفاده از روش CSS sprites ادغام کنید. به‌عنوان‌مثال قصد دارید در بخشی از صفحه سایت چند تصویر قابل کلیک را در کنار هم نشان دهید. برای اینکه تعداد درخواست‌ها به سرور زیاد نشود می‌توانید از یک عکس کلی استفاده کنید و با استفاده از روش CSS sprites ناحیه‌های قابل کلیک را بر روی عکس مشخص کنید.

بهینه‌سازی Yslow

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

نکته‌ی قابل‌توجه در آنالیز YSlow این است که بر طبق مقیاس GTmetrix در این بخش، پارامترهای با اولویت High کمتری نسبت به بخش PageSpeed وجود دارد. در ادامه مهم‌ترین پارامترهای این بخش را معرفی می‌کنیم.

• Add Expires headers: این پارامتر مربوط به فایل‌هایی هست که می‌توانند به‌صورت کش در مرورگر کاربر ذخیره شوند. درواقع با ایده هدرهای Expires مرورگر متوجه می‌شود که آیا باید درخواست یک فایل را بدهد یا از نسخه‌ی کش شده‌ی آن در مرورگر کاربر استفاده کند. بدین ترتیب هم حجم دانلود کاهش می‌یابد و هم تعداد درخواست‌ها کم می‌شود که هر دو این فاکتورها در بهبود سرعت لود صفحه مؤثرند.
• Make fewer HTTP requests: این پارامتر توصیه می‌کند با ادغام فایل‌ها و استفاده از روش CSS Sprites تعداد درخواست‌های HTTP را کاهش دهید تا سرعت سایت شما بهبود یابد.
• Compress components: با فشرده‌سازی منابع، می‌توانید از پهنای باند هاست به‌طور بهینه استفاده کنید و مدت‌زمان لود را کاهش دهید.

تجزیه‌ و تحلیل نمودار آبشاری Waterfall در جی تی متریکس

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

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

بررسی ستون‌های نمودار آبشاری

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

مورد دیگری که در نمودار آبشاری می‌توانید ببینید خطوط عمودی هستند که زمان رخداد یک رویداد را نشان می‌دهند. این خطوط نیز با رنگ‌بندی از هم متمایز شده‌اند:

• رنگ قهوه‌ای (Blocking): مدت‌زمانی که این فایل در صف انتظار مرورگر برای ارسال درخواست سپری می‌کند
• رنگ آبی (DNS Lookup): مدت‌زمانی است که صرف به دست آوردن IP سرور توسط DNS می‌شود.
• رنگ سبز (Connection): مدت‌زمان لازم برای ایجاد یک ارتباط TCP بین سرور و کلاینت.
• رنگ قرمز (Sending): مدت‌زمان لازم برای ارسال درخواست از مرورگر به سرور
• رنگ بنفش (Waiting): مدت‌زمانی که سرور نیاز دارد تا پاسخ به درخواست را آماده کند.
• رنگ خاکستری (Receiving): مدت‌زمان لازم برای مرورگر که بتواند پاسخ سرور را دانلود کند.

Timings

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

• Redirect: مدت‌زمان لازم برای ریدایرکت کردن آدرس قبل از اینکه صفحه HTML اصلی لود شود.
• Connect: مدت‌زمان لازم برای ایجاد ارتباط با سرور برای ارسال اولین درخواست.
• Backend: مدت‌زمان لازم برای آماده کردن پاسخ سرور را Backend می‌نامند.
• TTFB: مخفف Time to First Byte به معنای مدت‌زمان لازم برای دریافت اولین بایت پاسخ سرور از زمانی که درخواست ارسال شد. این فاکتور یکی از مهم‌ترین شاخص‌های سنجش عملکرد یک وب‌سایت است.
• First paint: زمانی که مرورگر اولین مرحله از بارگذاری صفحه را به کاربر ارائه می‌دهد.
• Contentful paint: این رویداد زمان ارائه اولین محتوا را مشخص می‌کند.
• DOM int: زمانی که مرورگر HTML به‌طور کامل لود کرده و مدل DOM را ساخته است.
• DOM loaded: زمانی که DOM آماده است و اجرای فایل‌های جاوا اسکریپت مسدود نشده است.
• Onload: زمانی که پردازش صفحه تمام‌شده و تمام منابع ازجمله تصاویر و CSS ها دانلود شده‌اند.

Video

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

History

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

جزئیات صفحه (Page Details)

• مدت‌زمان لود کامل (Fully Loaded Time): این بخش مدت‌زمان لود سایت را برحسب ثانیه نشان می‌دهد. این عدد، مدت‌زمان لازم برای بارگذاری تمامی فایل‌ها در مرورگر کاربر می‌باشد و از لحظه‌ای که اولین درخواست به سرور سایت داده شده، محاسبه می‌شود.
• حجم کامل صفحه (Total Page Size): این گزینه مجموع حجم کل فایل‌های لود شده صفحه را برحسب MB نشان می‌دهد.
• درخواست‌ها (Requests): در این بخش می‌توانید تعداد درخواست‌های HTTP که برای لود صفحه به سرور ارسال می‌شود را ببینید. هرچقدر تعداد درخواست‌های ردوبدل شده بین سرور و مرورگر کمتر باشد سرعت سایت بالاتر می‌رود.

داشتن گواهینامه SSL

SSL مخفف Secure Sockets Layers یک فناوری امنیتی برای برقراری ارتباط ایمن بین وب سرور و مرورگر می‌باشد که تضمین می‌کند اطلاعات کاربران نمی‌تواند ردیابی شود. امنیت اطلاعات کاربران سایت برای گوگل بسیار مهم است، و یکی از فاکتورهای سئو تکنیکال دریافت گواهینامه ssl و استفاده از پروتکل HTTPS می‌باشد. از طرفی، سایت‌هایی که از این پروتکل استفاده می‌کنند، اعتماد کاربران را جلب می‌کنند و این سبب می‌شود بازدیدکنندگان با اطمینان بیشتری به سایت شما بیایند و از امکانات آن استفاده کنند.

تعریف نقشه سایت

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