سئو تکنیکال (Technical SEO) چیست؟ | راه حل مشکلات اینجاست!

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

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

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

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

آموزش سئو تکنیکال

• متا تگ های سئو (Meta Tags)
• بهینه سازی سرعت سایت (Page Speed Optimization)
• نشانه گذاری استاندارد (Structured Data)
• استفاده از جدیدترین استاندارد تکنولوژی گوگل (AMP: Accelerated Mobile Page)

متا تگ های سئو (Meta Tags)

شما به عنوان یک وبمستر باید بدانید مهمترین تگ در سئو سایت چیست و چقدر متا تگ های html می تواند برای گوگل مهم باشد. چنانچه از تگ های منقضی شده در ساختار وب سایت خود استفاده کنید می تواند به سئو سایت تان ضربه بزند و ربات های اسپم به راحتی بتواند به وب سایت شما دسترسی پیدا کنند. در واقع شما باید در ساختار کدنویسی وب سایت خود از متا تگ های سئو بهینه شده که در رتبه بندی گوگل مؤثر می باشد استفاده کنید.

بهینه سازی سرعت سایت (Page Speed Optimization)

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

 5 عامل مؤثر در بهینه سازی سرعت سایت

• اولین نمایش محتوایی از صفحه (First Contentful Paint)
• عوامل تاثیر گذار بر سرعت صفحه (Front-end – Back-end)
• بهینه سازی تصاویر (Image Optimization)
• آموزش کار با ابزارهای تحلیلگر (GTmetrix)
• تکنیک های افزایش سرعت صفحات (Front-end Speed Optimization)
• اولین نمایش محتوایی از صفحه (First Contentful Paint)

1. اولین نمایش محتوایی از صفحه (First Contentful Paint)

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

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

Onload Time : زمان لازم برای لود شدن تمام محتوای صفحه شامل تصاویر و فایل های css است و عملاً لودینگ مروگر در این مرحله پایان می یابد.

2. عوامل تاثیر گذار بر سرعت صفحه (Front-end – Back-end)

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

3. بهینه سازی تصاویر (Image Optimization)

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

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

• بارگذاری تصاویر در سایز واقعی آن ها
• فشرده سازی تصاویر متناسب با وب
• استفاده از تصاویر در موبایل و تبلت
• آموزش ابزار تحلیل گر سرعت صفحه (GTmetrix.com)

4. آموزش کار با ابزارهای تحلیلگر (GTmetrix)

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

برای تهیه گزارش شما امکان تعیین موقعیت مکانی، سرعت اینترنت و نوع مرورگر را دارید پیشنهادات این سایت براساس سرعت سایت در Front-end بوده و در امتیاز نهایی سرعت پاسخ گویی سرور لحاظ نمی شود.

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

• Report generated: به شما می گوید که این گزارش در چه تاریخی و از چه موقعیت مکانی این گزارش گرفته شده است.
• Re-Test: به شما امکان تست و گزارش گیری مجدد را می دهد.
• Compare: مقایسه دو گزارش یا سایت
•  Page Settings: تغییر تنظیمات تست
• Monitor: تست صفحه در بازه های زمانی مشخص کنید.
• Set Up Alerts: اطلاع رسانی در شرایط خاص
• Download PDF: دانلود نسخه پی دی اف از گزارش

نشانه گذاری استاندارد (Structured Data)

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

این روش برای معرفی بهتر محتوای صفحه به کار گرفته می شود و به صورت کدهای HTML در داخل صفحه استفاده می شود. Structured Data نمی تواند به صورت مستقل و در یک صفحه خالی استفاده شود.

AMP چیست؟

amp چیست؟ در واقع پروژه (Accelerated Mobile Page)AMP یک کتابخانه متن باز برای صفحات وب است که توجهی ویژه ای به کارایی، سرعت و بهینه سازی داشته است. این پروژه amp توسط گوگل راه اندازی شده و به سرعت در حال گشترش است.

کتابخانه کد AMP از سه بخش اصلی تشکیل شده است:

• AMP HTML : کدهای نوشته شده در صفحه برای نمایش محتوا
• AMP JS : کتابخانه اختصاصی JS برای نمایش المان های AMP
• AMP Cache : سرویس کش گوگل

راهنمای کدنویسی و انتشار صفحات amp

• صفجه همیشه باید با تگ <!DOCTYPE html> که مختصص HTML5 است شروع می شود.
• تگ HTML باید دارای عبارت amp باشد.
• وجود تگ های head و body در صفحه اجباری است.

• تگ Charset مشخص می کند Encoding صفحه به چه صورت است. utf-8 بهترین است.
• کتابخانه JS اصلی AMP باید در هدر صفحه فذاخوانی شود.
• تگ Viewport برای عملکرد صحیح در موبایل بوده و استفاده از آن به همین شکل اجباری است.
• تگ amp-boilerplate دستورات css مورد نیاز برای amp را فراخوانی می کند.

• تگ title عنوان صفحه را مشخص می کند و باید با عنوان نسخه اصلی یکسان باشد.
• تگ description برای درج توضیحات است و باید با توضیحات نسخه اصلی یکی باشد.
• وجود تگ canonical اجباری بوده و آدرس صفحه با نسخه بدون amp را مشخص می کند.

• برای نشانه گذاری محتوا فقط از روش JSON-LD می توان استفاده کرد و کدها بهتر است در head صفحه باشد.
• استانداردهای نشانه گذاری با نسخه html کاملا یکسان و براساس کتابخانه Schema.org است.

برای استفاده از دستورات css باید از تگ amp-custom در هدر صفحه استفاده نمود. در amp امکان فراخوانی style های بیرونی و یا استفاده از دو amp-custom وجود ندارد.

نتیجه گیری

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

سوالات متداول

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

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

عوامل مؤثر در بهینه سازی سرعت سایت کدامند؟

اولین نمایش محتوایی از صفحه (First Contentful Paint) – عوامل تاثیر گذار بر سرعت صفحه (Front-end – Back-end) – آموزش کار با ابزارهای تحلیلگر (GTmetrix) و…