سئو تکنیکال: از صفر تا صد با ۱۲۰ دقیقه ویدیو
درس سوم دوره رایگان سئو مبتدی تا پیشرفته
دسترسی سریع به مطالب سئو تکنیکال:
سئو تکنیکال چیست؟
سئو تکنیکال، Technical SEO یا سئو فنی کارهای فنی و مهمی است که در داخل سایت انجام می‌شود. هدف سئو تکنیکال برقراری ارتباط بهتر سایت با موتورهای جستجو است. مثل افزایش سرعت سایت، جلوگیری از محتوای تکراری، استفاده صحیح از تگهای HTML و …
همانطور که می‌دانید، سئو داخلی (On Page SEO یا On Site SEO) به دو قسمت سئو محتوا و سئو تکنیکال تقسیم می‌شود.
حالا سئو تکنیکال را هم به دو بخش تقسیم می‌کنیم.
- نکات فنی سئو که فقط روی یک صفحه سایت تاثیرگذار هستند.
- نکات فنی سئو که روی کل سایت تاثیرگذار هستند.
در ادامه نکات مربوط به آموزش سئو، به صورت کامل به مهمترین مولفه‌های مربوط به سئو تکنیکال بپردازم.
مباحث تکنیکی سئو بسیار گسترده است. اما ما در بخش سئو تکنیکال فقط نکاتی از مباحث فنی و تخصصی سئو را می‌آموزیم که برای شروع یادگیری سئو لازم است.
چرا سئو تکنیکال مهم است؟
چنانجه یک وبسایت از لحاظ تکنیکال قوی باشد، گوگل به راحتی می‌تواند صفحات سایت را خزش کند و ساختار و محتوای سایت را درک کند. در نتیجه سایت ما رتبه‌های بهتری در گوگل خواهد گرفت.
به عبارت بسیار ساده: ساختار سایت و مطالبی که ما در سایت قرار میدهیم برای انسان‌ها آماده شده است. در این مطالب سعی می‌شود تا منظورمان را به مخاطب برسانیم تا او بتواند از این مطالب نتیجه بگیرد.
تا این جای کار همه چیز خوب است.
اما نکته مهم دیگری وجود دارد و آن فهماندن منظور مطالب و محتوای سایت ما به موتورهای جستجو است.
در واقع ما دوست داریم مطالبی که می‌نویسیم توسط گوگل نمایش داده شود تا افراد بیشتری به سایت ما وارد شوند و مطالب را بخوانند.
ربات‌های موتورهای جستجو تا حد امکان هوشمند شده‌اند اما هنوز نمی‌توانند مانند یک انسان محتوای یک سایت را درک کنند.
برای اینکه محتوای سایتمان را برای موتورهای جستجو قابل فهم کنیم و البته دیگر نکات مورد تاکید موتورهای جستجو را رعایت کنیم باید سایت را از لحاظ تکنیکال بهینه کنیم.
البته نکات فنی سئو؛ استاندارد هستند و تعریف مشخصی دارند.
در ادامه؛ به نکات فنی سئو در داخل یک صفحه می‌پردازیم.
۱. نکات سئو تکنیکال در داخل یک صفحه سایت
در ادامه به مهمترین تکنیک‌ها و نکات فنی سئو در داخل یک صفحه سایت پرداخته می‌شود و توضیح داده می‌شود چطور باید سئو تکنیکال را در داخل یک صفحه سایت پیاده کرد.
اما قبل از آن خیلی سریع شما را با زبان HTML آشنا خواهم کرد تا تکنیک‌های پیشرفته‌تر را به سادگی درک نمایید.
آموزش نکات زبان HTML سئو تکنیکال
HTML مخفف چهار کلمه Hyper Text Markup Language است.
البته HTML یک زبان برنامه‌نویسی نیست و بیشتر یک ساختاردهنده به محتوای نمایشی سایت است، اما ما به خاطر راحتی تلفظ به آن زبان می‌گوییم.
ربات‌های گوگل به صورت مستقیم با کدهای این زبان کار دارند.
در يک صحفه HTML می توان انواع عناصر از قبيل متن، تيتر، عکس، جدول و … را قرار داد، که برای هر عنصر بايد از تگ مربوط به آن استفاده کرد.
تگ های HTML برای نشانه گذاری محتويات صفحات به کار می روند و باعث می شوند که نرم افزارهای مرورگر وب مانند گوگل کروم و فایرفاکس، بتوانند تشخيص دهند هر بخش چه نوع عنصری است.
هر تگ HTML، يک بخش ابتدايی و يک بخش انتهايی دارد که هم نام می‌باشد.
ساختار اصلی زبان HTML به شکل زیر است.
<html>
<head></head>
<body></body>
</html>
هر چیزی که در داخل تگ body قرار بگیرد برای کاربران قابل دید است.
در تگ هد head کدهای فراخوانی فایل‌های مکمل صفحه مانند CSS و Javascript و همچنین عناصر ارتباط با گوگل قرار می‌گیرد.
در ادامه مهمترین تگهای HTML در سئو را توضیح می‌دهم
تگ های هدینگ
تگهای هدینگ به نوعی جدا کننده مطالب از هم هستند و به مقاله ساختار میدهند.
با استفاده از این تگها می‌توان ساختار مقاله را برای کاربر و موتورهای جستجو مشخص کرد.
از هر تگ هدینگ؛ باید به صورت صحیح و مطابق با اصول مقاله نویسی و البته ئو تکنیکال در صفحه استفاده کرد.
تگ h1 – بهتر است یکبار در هر صفحه استفاده شود. معمولا عنوان اصلی مطلب با این تگ نوشته می‌شود.
تگ h2 – نکات مهم مطلب و زیر مجموعه‌های تگ h1 را با این تگ بیان کنید. می‌توان به تعداد لازم استفاده کرد.
تگ h3 – h4 – h5 – h6 – عنوان‌های فرعی را با این تگها مشخص کنید.
تگ img و تصاویر در سئو تکنیکال
کد زیر برای نشان دادن یک تصویر در صفحه است.
<img src=”example.com/image.jpg” alt=”about image” />
تاثیر تصاویر در سئو تکنیکال هم می‌تواند مثبت باشند و هم منفی.
استفاده از تصاویر در صفحات امری متداول است اما نکته مهم اینجاست که تصاویر باید به صورت اصولی استفاده شوند تا سرعت سایت کاهش پیدا نکند.
لطفا نکات زیر را در استفاده از تصاویر رعایت کنید.
- تعداد تصاویر – در هر صفحه ۱۰۰۰ کلمه‌ای بهتر است حداقل از ۲ تصویر استفاده شود. ۱ تصویر به عنوان تصویر اصلی مطلب و یک تصویر در میان مطلب
- تگ alt – در تصاویرتان باید از این تگ استفاده کنید. با استفاده از این تگ به موتورهای جستجو می‌گویید موضوع تصویر چیست.
- نام تصویر – نام تصویر باید مرتبط به موضوع تصویر باشد.
- بهترین فرمت تصویر – سعی کنید از فرمت‌های jpg, png, svg یا webp استفاده کنید.
- حجم تصویر – اگر حجم تصویر زیر ۱۰۰ کیلوبایت باشد ایده آل است. اگر بیش از ۱۲۰ کیلوبایت باشد بارگذاری صفحه کند می‌شود.
ساخت لینک
برای ساختن لینک در صفحه از کد زیر استفاده می‌شود.
لینک ها باید از لحاظ کدنویسی هم بهینه باشند. کد لینک از سه قسمت آدرس صفحه، Title لینک و متن لینک یا انکور تکست (Anchor Text) تشکیل می‌شود.
انکور تکست موضوع بسیار مهمی در سئو است. گوگل، انکور تکست را به عنوان موضوع صفحه هدف میشناسد.
در مثال بالا ما به یک صفحه با انکور تکست کاربردهای قیچی باغبانی لینک داده‌ایم. گوگل اینطور برداشت می‌کند که موضوع صفحه مقصد قیچی باغبانی است.
متا تگ ها در سئو تکنیکال
متا تگ ها تکه کدهای یک خطی هستند که بین تگ head صفحه قرار می‌گیرند.
متاتگ‌ها با عبارت meta شروع می‌شوند. اطلاعاتی که در متا تگ ها وارد می‌کنید، برای کاربران قابل دید نیست.
- یکی از وظایف آن‌ها ارتباط برقرار کردن با ربات‌های موتورهای جستجو است.
- وظیفه دیگر متا تگ ها نمایش ریز اطلاعات و مفاهیم اصلی صفحه در شبکه‌های اجتماعی است.
در ادامه این مطلب به موارد گوناگون کاربرد متا تگ ها خواهیم پرداخت. با ما همراه باشید.
وجود بعضی متا تگ ها برای یک سایت خیلی مهم است و گوگل درباره پشتیبانی متاتگ‌ها توضیحاتی را ارائه کرده است که من خلاصه آن را در لابلای آموزش عرض می‌کنم.
استفاده اصولی و صحیح از متاتگ‌ها، کار ربات‌های گوگل را بسیار راحت می‌کند. البته همه آن‌ها ها لازم نیستند.
بعضی بود و نبودشان تفاوتی نمی‌کند. بعضی هم مضر هستند. اگر از این ابزار درست استفاده شود به بهینه سازی سایت کمک زیادی می‌کند.
متا تگ های کاربردی در سئو تکنیکال
در این قسمت متاهای حیاتی برای وبسایت را ذکر می‌کنیم. این متا تگ ها باید در هر صفحه‌ای باشند. همین حالا به یکی از صفحات سایتتان بروید و دکمه CTRL+U را بزنید تا کدهای صفحه را ببینید. اگر هر کدام از این‌ها نبودند، بلافاصله اضافه کنید.
تگ Meta Content Type – این تگ به ربات‌ها اطلاع می‌دهد که اطلاعات صفحه از چه ساختار متنی است. اگر این اطلاعات در دسترس نباشند ربات‌ها برای رندر کردن یا پردازش گرافیکی صفحه دچار مشکل می‌شوند. ساختارهای معروف و بهینه، UTF-8 و ISO-8859-1 می‌باشد.
شما در سایتتان تگ زیر را قرار دهید.
Meta Description – توضیحاتی که در این متا تگ مینویسید در توضیحات زیر عنوان در نتایج جستجوی گوگل نقش می‌بندد.
این تگ حداکثر باید ۱۶۰ حرف داشته باشد، مثلاً ۳۲ کلمه ۵ حرفی. در این تگ حتماً باید عبارت کلیدی شما دو بار تکرار شده باشد.
درون این تگ دو جمله بنویسید که کلمه کلیدی در هر یک از آن‌ها وجود داشته باشد. جملات را سعی کنید از مزایای مقاله خود بنویسید. یعنی کاربر با خواندن مقاله شما چه سودی را حاصل می‌کند.
Viewport – این متا تگ به مرورگر فرمان می‌دهد تا در حالت واکنشگرا Responsive داشته باشد.
در حالت واکنشگرا، سایت برای اندازه‌های صفحه نمایش کامپیوتر، تبلت و موبایل، نمایش‌های بهینه شده‌ای برای کاربر دارد.
برای اینکه از این تگ در سایت استفاده کنید، سایت شما باید از پایه واکنشگرا طراحی شده باشد.
اگر سایت شما واکنشگرا طراحی شده باشد ولی این تگ را نداشته باشد در همه دستگاه‌ها به یک حالت نمایش داده می‌شود که مطلوب نیست.
متا تگ های شبکه اجتماعی – وجود این متا تگ ها برای سایت ضروری نیست اما با فراگیر شدن شبکه‌های اجتماعی برای سایت لازم است از این متا تگ ها هم استفاده کند. این متا تگ ها یک فرصت هستند.
حتماً تا به حال دیده‌اید وقتی یک لینک را در تلگرام قرار میدهیم تا برای کسی بفرستیم، در زیر لینک اطلاعات صفحه لینک نمایان می‌شود. این اطلاعات از متا های شبکه اجتماعی خوانده‌شده و در صفحه قرار می‌گیرد.
تمام متاهای مهم شبکه‌های اجتماعی در تصویر پایین وجود دارند. به جای قسمت‌های قرمز، مشخصات صفحه خودتان را جایگزین کنید.
متا تگ هایی که اجباری نیستند
Robots – این تگ برای این است که به ربات‌ها بگویید این صفحه را در نتایج جستجو ثبت بکنند یا نه. ربات‌ها به صورت پیش‌فرض همه صفحات را در موتورهای جستجو ثبت میکنند ولی اگر قصد دارید صفحه‌ای در گوگل ثبت نشود از noindex استفاده کنید.
Language – اگر در سایتتان هست اشکالی ندارد ولی اگر نیست نیازی نیست اضافی کنید. با این تگ به ربات‌ها می‌فهمانید سایت شما با کدام زبان است. البته خود ربات‌ها متوجه زبان سایت شما خواهند شد.
جغرافیا GEO – به نقل از سایت seroundtable.com این تگ را فقط موتور جستجوی بینگ پشتیبانی می‌کند و گوگل پشتیبانی نمی‌کند. این تگ برای سئوی محلی مناسب.
در این تگ دو مقدار لتتیود و لانگتیود (Latitude and Longitude) را باید قرار دهید. مقادیر لتتیود و لانگتیود را از سایت maps.google.com بردارید.
متا تگ های Refresh و Site verification هم از متا تگ های بی‌اهمیت است که از توضیح دادن آن‌ها اجتناب می‌کنم و فقط به ذکر نامشان اکتفا می‌کنم. البته اگر دوست دارید با تمام متا تگ ها آشنا شوید می توانید این صفحه را ببینید.
متا تگ های بی‌فایده
اگر این متا تگ ها در سایت شما باشند مشکل خاصی پیش نمی‌آید اما اگر نباشد بهتر است. اگر این متا تگ ها هم اکنون در قسمت head شما وجود دارد آن‌ها را پاک‌کنید.
این تگها قسمت هد شما را شلوغ می‌کند. آن‌ها را به ترتیب در ادامه می‌آوریم و توضیحات خاصی درباره آن‌ها نمی‌دهیم.
- Author/web author
- Revisit after
- Rating
- Expiration/date
- Copyright
- Abstract
- Distribution
- Generator
- Resource type
پشتیبانی موتورهای جستجو
نکته‌ای که قابل توجه است این است که موتورهای جستجوی مختلف هر کدام یک تعدادی از تگها را پشتیبانی می‌کند.
در جدول زیر که از سایت yoast.com برداشته‌ام نشان داده شده است که کدام مرورگر با کدام تگ سازگار است. نکته جالب این است که گوگل بیش ترین پشتیبانی را از تگها دارد و ask.com کمترین پشتیبانی را دارد.
تاثیر تگهای HTML در نتایج گوگل
وقتی در گوگل مطلبی را جستجو می‌کنید نتایج برای شما به نمایش در می‌آیند.
نتایج در گوگل حداقل دارای سه بخش هستند.
- عنوان صفحه
- توضیح کوتاه صفحه
- آدرس صفحه
البته ممکن است قسمت‌های دیگری نیز مانند تاریخ، ستاره رتبه‌بندی و تصویر نیز افزوده شوند.
اگر ما مقاله‌ای را در سایت قرار دهیم خیلی مهم است که چطور در نتایج جستجو نمایش داده شود.
فرض کنید مقاله‌ای بسیار کاربردی و مهم در سایت دارید که سرشار از نکات جالب برای خوانندگان است. اگر عنوان و توضیح جذابی نداشته باشد آیا کسی روی آن کلیک می‌کند؟
برای این که عنوان و توضیحات مقاله در نتایج گوگل آن طور که ما می‌خواهیم باشد و در ضمن کلیک خور باشند باید موارد زیر را رعایت کنید.
۱. تگ عنوان Title
این تگ در قسمت head صفحه قرار می‌گیرد.
<title>موضوع صفحه</title>
اگر از سیستم‌های مدیریت محتوا مانند وردپرس و جوملا استفاده می‌کنید تگ title از قسمت عنوان صفحه گرفته می‌شود. هر متنی که شما در قسمت عنوان صفحه بنویسید به صورت خودکار در تگ title قرار می‌گیرد.
در نتایج گوگل، عنوان سایت شما از همین تگ گرفته می‌شود. در این تگ حتماً باید کلمه کلیدی صفحه وجود داشته باشد.
همچنین هنگامی که صفحه سایت شما در مرورگر باز می‌شود، محتویات این تگ روی مرورگر نقش می‌بندد.
سعی کنید عنوان مقاله شما از ۹ کلمه بیشتر نباشد. اگر بیش از این باشد ادامه آن نقطه‌چین می‌شود و من خیلی به ندرت دیده‌ام سایتی با عنوان نقطه‌چین شده در رتبه ۱ گوگل باشد.
عنوان را طوری بنویسید که جذاب باشد و نگاه کاربر را جذب خود کند تا CTR یا نرخ کلیک را در نتایج گوگل بالا ببرد.
نکات بسیار مهم تگ title در سئو تکنیکال
البته این تگ چند نکته دارد که گفتنش خالی از لطف نیست.
- این تگ باید کوتاه و کلیک خور باشد.
- در این تگ به توضیح مطالب پست نپردازید.
- وظیفه این تگ جذابیت ایجاد کردن است. البته منظورم جذابیت دروغین نیست.
- در این تگ باید از کلمات قدرتمند استفاده کنید تا نرخ کلیک و CTR را بالا ببرد. CTR مخفف click through rate و به معنی لفظی نرخ کلیک بعد از دیده شدن است.
۲. توضیحات زیر عنوان تگ متادسکریپشن
توضیحات زیر عنوان از Meta Description برداشته می‌شود. اگر در این تگ از کلمه کلیدی استفاده نکنید گوگل به طور خودکار یک قسمت دیگر مقاله را که دارای کلمه کلیدی است بر می‌دارد.
همان طور که در بالا توضیح داده شد متا باید حاوی دو جمله مستقل از هم باشد. یعنی سعی کنید دو منفعتی که کاربر از خواندن این مقاله عایدش می‌شود را ذکر کنید.
در ضمن در هر جمله یکبار عبارت کلیدی را ذکر کنید و کاربر را اگر ممکن بود با کلماتی مثل شما مستقیماً خطاب کنید.
۳. آدرس یا URL صفحه
هر صفحه یک آدرس یا URL مخصوص به خود را دارد.
URL کد HTML ندارد و در واقع آدرس صفحه را نوع کد نویسی سایت مشخص می‌کند.
نکته مهم این است که آدرس صفحه حدالامکان باید کوتاه و با معنی باشد. فرقی نمی‌کند انگلیسی باشد یا فارسی. در مقاله ساختارسازی سایت برای سئو؛ به نحوه صحیح استفاده از URL در سایت پرداخته‌ام.
قاعده کلی این است که لینک باید کوتاه باشد و عبارت کلیدی در آن باشد. اگر عبارت کلیدی شما مترادف دقیق لاتین دارد، از عبارت لاتین آن استفاده کنید.
هر صفحه سایت، فقط باید یک آدرس اختصاصی داشته باشد.
اگر یک صفحه سایت بیش از ۱ آدرس داشته باشد، یعنی از دو آدرس مختلف قابل دسترس باشد، دچار مشکل محتوای تکراری می‌شویم. درباره محتوای تکراری در ادامه صحبت خواهیم کرد.
داده‌های ساختاریافته چیست؟ – Structured data
داده های ساختار یافته (Structured Data یا Schema Markup) کدهای استانداردی هستند که یک صفحه را طوری که ما می‌خواهیم به گوگل معرفی می‌کند.
در واقع شما به زبانی که موتورهای جستجو متوجه می‌شوند متن صفحه را به آن‌ها توضیح میدهید. تصویر زیر یک تست است که از قسمت تست داده‌های ساختاریافته برداشتم. شما می‌توانید در این صفحه کدهای استانداردی که وجود دارد را ببینید.
اگر از وردپرس استفاده می‌کنید و افزونه yoast را نصب کرده اید، این افزونه به صورت اتوماتیک این کدها را تولید می‌کند.
در پادکست زیر توضیح داده‌ام روش استفاده صحیح از پلاگین‌های وردپرس برای ساخت اسکیما چیست؟
اطلاعات بیشتر در زمینه داده‌های ساختاریافته را در مقاله schema markup چیست؟ مطالعه نمایید.
همچنین در مقاله نحوه ساخت و استفاده از اسکیما مارک‌آپ؛ توضیح داده‌ام چگونه در کمتر از دور روز و بدون دانش برنامه‌نویسی سایتمان را در نتایج گوگل؛ با پرسش و پاسخ به نمایش در بیاوریم.
محتوای تکراری یا Duplicate Content
موضوع Duplicate Content یا محتوای تکراری در سایت‌هایی که صفحات زیادی دارند خیلی اتفاق می‌افتد.
در وب سایت شما نباید صفحاتی باشد که بیش از ۹۵ درصد مطالبشان یکی باشد و فقط در چند کلمه با هم فرق داشته باشند.
یعنی شما قبلا صفحه ای در سایت داشتید که راه های تماس با شما بوده است. حالا به یک مکان جدید اسباب کشی کرده اید و آدرس شما تغییر کرده است.
دوباره صفحه ای در سایت ایجاد کرده اید و همان اطلاعات را نوشته اید و فقط آدرستان را تغییر داده اید. در حال حاضر شما دو صفحه دارید با یک مطلب.
آیا محتوای تکراری باعث جریمه سایت می‌شود؟
در فایل صوتی زیر؛ نحوه برخورد گوگل با محتوای تکراری را توضیح داده‌ام.
راه حل این است که از رل canonical استفاده کنید. یعنی در تمام صفحات تکراری آدرس URL مهمترین صفحه را قرار میدهید.
محل قرار گرفتن این تگ در هدر سایت است. در صفحات تکراری، این تگ را به صورت زیر قرار میدهیم.
پنهان سازی مطالب (Cloaking)
پنهان سازی یکی از حربه‌های کلاه سیاه و قدیمی سئو است.
یعنی با استفاده از کدهای HTML کاری کنیم که قسمتی از مطالب از دید کاربران پنهان باشد و فقط برای ربات های موتورهای جستجو قابل رویت باشد. هنگامی که موتورهای جستجو متوجه این مورد بشوند صفحه را از رتبه بندی پایین میکشند.
مثلا من در تعدادی از سایتها دیده ام در صفحه اصلی خود یا صفحه لیست مقالات خود تگ h1 را مخفی میکنند. در تعدادی از سایتها هم اطلاعات مربوط به کلمات کلیدی را در پشت یک عکس قرار میدهند. تمام این کارها توسط موتورهای جستجو قابل فهم است.
تزریق کلمات کلیدی (Keyword Stuffing)
اگر در یک صفحه بیش از حد از یک عبارت کلیدی یا کلمه کلیدی استفاده شود ربات های گوگل این صفحه را به عنوان اسپم شناسایی میکنند.
ممکن است تزریق به صورت عمدی نباشد و سهوی انجام شود. مواظب باشید در مقاله بیش از حد از کلمات کلیدی استفاده نکنید.
الگوریتم پاندا (Google Panda Algorithm) مامور مبارزه با این تکنینک کلاه سیاه گوگل است.
۲. نکات مهم سئو تکنیکال در کل سایت
در مرجله قبلی نکات تکنیکی داخل یک صفحه از سایت توضیح داده شد. در این مرحله به نکاتی پرداخته می‌شود که روی کل سئوی سایت تاثیر گذار هستند و محدود به یک صفحه نمی‌شوند.
سرعت سایت در سئو تکنیکال
گوگل می‌خواهد سرعت بارگذاری صفحات بالا باشد. سرعت بارگذاری یک صفحه به مدت زمانی می‌گوییم که طول می‌کشد مطالب صفحه به کاربر نشان داده شود.
حتما برای خود ما هم پیش می‌آید که اگر بازشدن یک صفحه سایت خیلی طول بکشد سریع صفحه را می‌بندیم و خارج می‌شویم. عوامل زیر در سرعت سایت تاثیر گذار هستند:
- تصاویر که در سایت از آن استفاده می‌کنید باید حجم پایینی داشته باشند. حدالامکان نباید بالای ۱۲۰ کیلوبایت باشد.
- سیستم عامل سرور سایت اگر ۶۴ بیت باشد بهتر است.
- از جدیدترین نسخه زبان برنامه نویسی استفاده شود. اگر از PHP استفاده می‌کنید به نسخه ۷٫۲ ارتقا دهید.
- اگر از CMS ها استفاده می‌کنید از افزونه‌های کمتری استفاده شود.
- فایل های CSS و JS سایت باید بهینه شود. حالت ایده آل این است که از یک فایل CSS استفاده شود.
- از افزونه‌های نگه دارنده کش استفاده شود تا صفحات سریعتر برای کاربر بارگذاری شود.
۲ ابزار اندازه‌گیری سرعت سایت
۱. سایت gtmetrix
با استفاده از ابزار سایت gtmetrix.com می‌توانید سرعت سایت خود را اندازه‌گیری کنید و اشکالات را برطرف کنید.
۲٫ ابزار تست سرعت گوگل
ابزار PageSpeed Insights؛ برای شرکت گوگل است. این ابزار تا حدی سخت‌گیرتر از جی‌تی‌متریکس است. بیشتر تمرکز این ابزار بر روی نکات مربوط به سرور سایت است.
در پادکست زیر توضیح داده‌ام که سرعت سایت چگونه بر سئو سایت تاثیرگذار است.
بالابردن سرعت سایت با پلاگین wp-rocket
اگر از وردپرس استفاده می‌کنید؛ شاید ساده‌ترین راه برای افزایش سرعت سایت؛ استفاده از پلاگین معروف wp-rocket باشد.
بعد از نصب این پلاگین و فعال‌سازی امکانات آن؛ سرعت سایت شما به طور باورنکردنی افزایش میابد.
تصویر زیر مربوط به تست سرعت سایت ما در ابزار تست سرعت gtmetrix است.
نقشه سایت – XML site map
یکی از مهمترین موارد در سئو تکنیکال داشتن یک نقشه سایت مرتب است. نقشه سایت یک فایل XML است.
در این فایل تمام لینک های مهم سایت مانند مقالات و محصولات به صورت یک لیست وجود دارند.
این فایل در یک آدرس در سایت قرار می‌گیرد و سپس از طریق ابزار سرچ کنسول در گوگل ثبت می‌شود.
در پادکست زیر به توضیح داده‌ام نقشه سایت داینامیک و استاتیک چیست و کدام تاثیر بهتری در سئو دارد. سپس توضیح داده‌ام چگونه نقشه سایت داینامیک بسازیم؟
چطور نقشه سایت بسازیم؟
اگر از وردپرس استفاده می‌کنید، افزونه yoast این کار را به صورت اتوماتیک برای شما انجام می‌دهد.
اگر از افزونه Yoast استفاده نمی‌کنید می‌توانید از افزونه google xml sitemap استفاده کنید.
اگر افزونه‌ای برای این کار ندارید سایت xml-sitemaps.com این کار را برای شما انجام می‌دهد. نسخه رایگان این سایت تا ۵۰۰ لینک را پشتیبانی می‌کند.
بعد از درست کردن نقشه سایت حتما این فایل xml را در google search console ثبت کنید.
استفاده از پروتوکل امن HTTPS
یکی از مواردی که در رتبه گیری تاثیرگذار است مبحث HTTPS است.
این پروتکل با استفاده از متود رمزنگاری SSL یک کانال امن بین کاربر و سایت ایجاد می‌کند. اطلاعات رد و بدل شده در این کانال کاملا امن هستند. اطلاعاتی مانند نام کاربری، رمزعبور.
استفاده از این پروتکل همیشه مهم بوده ولی در این سال‌ها به نوعی به یکی از اصول سئو تکنیکال تبدیل شده است.
مرورگرهای کروم و فایرفاکس، کنار نام دامنه سایت‌های بدون HTTPS عبارت not secure غیر امن را اضافه میکنند. برای اضافه کردن این پروتکل به سایت خود، با شرکتی که از آن هاست گرفتید مکاتبه کنید.
بارگذاری سریع صفحه در موبایل – (AMP (Accelerated Mobile Pages
حتما تا به حال وقتی با موبایل جستجویی انجام داده‌اید، دیده‌اید بعضی از سایتها به محض کلیک نمایش داده می‌شوند. در تکنولوژی AMP مقدار زیادی از کدهای HTML صفحات نادیده گرفته می‌شود و فقط مطلب اصلی صفحه نمایش داده می‌شود.
نکته: responsive بودن سایت با amp متفاوت است.
در نسخه amp فقط قسمت‌های اصلی صفحه نمایش داده می‌شود و در نسخه resposive علاوه بر متن اجزای دیگر صفحه مانند منو، ستون‌ها و … نمایش داده می‌شود.
البته هنوز بعضی از سایت‌های بزرگ مانند moz.com از amp استفاده نمی‌کنند. شاید علت این است که در نمایش amp خیلی نمی‌توان روی کاربر کار بازاریابی انجام داد. در تصویر زیر تفاوت نمایش در نسخه amp و responsive سایت را مشاهده می‌کنید.
اگر از CMS ها مانند جوملا و وردپرس استفاده می‌کنید افزونه‌های زیادی وجود دارند که بدون کد نویسی این کار را برای شما انجام میدهند.
مثلا در وردپرس افزونه این افزونه یکی از این افزونه‌هایی است که می‌توانید از سایت اصلی وردپرس آن را دانلود کنید.
افزونه دیگر افزونه amp شرکت yoast است که از این صفحه می‌توانید دانلود کنید. اگر سایت شما CMS نیست باید از برنامه‌نویس خود بخواهید این‌کار را برای شما انجام دهد.
ساختارسازی صحیح سایت با لینک‌سازی داخل سایت
منظور از ساختارسازی صحیح سایت، لینک‌سازی صحیح داخل سایت با هدف سازمان‌دهی به صفحات سایت است. نتیجه ساختارسازی صحیح سایت این است که تمام صفحات سایت شما برای خزش و ایندکس ربات‌های گوگل در دسترس خواهند بود.
در واقع در سایت شما صفحه یتیم (Orphan page) که از هیچ صفحه‌ای لینکی نداشته باشد وجود نخواهد داشت و صفحات مهم سایت بیشترین لینک داخلی را با انکورتکست دقیق دریافت خواهند کرد.
طراحی خطی (Flat Design) و طراحی عمیق (Deep Design) دو نوع طراحی معروف برای ایجاد ساختار سایت هستند.
نکات موثر در ساختار سایت عبارتند از، مدیریت فایل robots.txt، استفاده از بردکرامپ (breadcrumbs) و ایجاد نقشه سایت حرفه‌ای.
مطالعه بیشتر: ساختار سایت در سئو
نتیجه‌گیری:
در درس سوم از دوره رایگان سئو برای افراد مبتدی به مبحث سئو تکنیکال پرداخته شد. سعی کردم نوع آموزش، ساده، کاربردی و اصولی باشد.
همانطور که در ابتدای مطلب عرض کردم، مباحث درس سئو تکنیکال کمی پیشرفته‌تر بود.
گام‌های اجرایی که در مطلب ذکر شد را در سایتتان پیاده‌سازی کنید و نتیجه را مشاهده نمایید.
سوالات متداول در مورد سئو تکنیکال
سئو تکنیکال دقیقا چیست؟
سئو تکنیکال یا Technical SEO کارهای فنی و مهمی است که در داخل سایت انجام می‌شود. هدف سئو تکنیکال؛ برقراری ارتباط بهتر سایت با موتورهای جستجو است. مانند افزایش سرعت سایت، جلوگیری از محتوای تکراری، استفاده صحیح از تگهای HTML و …
چرا سئو تکنیکال مهم است؟
چنانجه یک وبسایت از لحاظ تکنیکال قوی باشد، گوگل به راحتی می‌تواند صفحات را خزش کند و محتوای سایت را درک کند. در نتیجه رتبه‌های بهتری در گوگل خواهد گرفت.
schema markup چیست و چه کاربردی دارد؟
اسکیما مارک‌آپ کدهایی استانداردی هستند که در وبسایت قرار می‌گیرند. نتیجه استفاده از کدهای اسکیما؛ نشانه‌دار شدن صفحه در نتایج جستجو و البته؛ درک بهتر صفحه توسط گوگل است.
سلام خسته نباشید
میخواستم ببینم سئو تکنیکال با وجود این قالبهای یواست وود مارت و… و افزونه های یواست و … رعایت میشه یا حتما باید خودمان هم کد هارو اضافه و کم کنیم؟؟؟
با سلام و عرض ادب.
منظورتان از اینکه میفرمایید کدها رو اضافه و کم کنیم چیست؟ منظورتان دقیقا کدام کدها است؟
لطفا دقیق‌تر بفرمایید تا بتونم پاسخ مناسبی بهتون بدم.
سلام و ادب
سپاس از آموزش های خوبتون
سوال:
آیا نقشه ی سایت را هر چند وقت یکبار باید برای گوگل ثبت کنیم یا فقط یک بار کافی است؟
در طول زمان ممکن است سایتمون تغییراتی داشته باشد آیا لازم هست که هرچند وقت یکبار نقشه سایت را بروز رسانی کنیم؟
با سلام و وقت بخیر.
اگر تغییرات خیلی گسترده در آدرس‌های سایتتون انجام شده، بهتر است نقشه سایت قبلی رو در سرچ کنسول پاک کنید و نقشه سایت جدید رو ایندکس کنید.
اما برای تغییرات روزمره نیازی نیست کار خاصی انجام دهید. مثلا اگر با یواست نقشه سایتتون تولید شده باشه، خود یواست تاریخ آخرین آپدیت هر صفحه رو در نقشه سایت درج میکنه و تغییرات رو اعمال میکنه.
موفق باشید.
با عرض سلام و تشکر از مقاله خوبتون. برای سنجش سرعت سایت gtmetrix واقعی تر است یا google insight? آخه نتایجی که میدن با هم فرق داره.
با سلام.
gtmetrix بیشتر روی نکات مربوط به صفحه متمرکز است و فاکتورهای google PageSpeed Insights با توجه به سزعت سرور اندازه‌گیری می‌شوند. البته نتایج PageSpeed Insights قطعا بیشتر قابل اتکا است. پیشنهاد می‌کنم فیلم های دوره رایگان سئو مبتدی تا پیشرفته را حتما مشاهده نمایید و برای مشاهده منابع بیشتر آموزش سئو، وارد صفحه اصلی آکادمی سفینه شوید.
موفق باشید.
معذرت میخوام در سرچ کنسول این ارور میاد وقتی میخوام صفحه جدید رو ایندکس کنم.
Page actions are temporarily disabled
چیکار باید کنم
سلام.
نگران نباشید. این هشدار از تاریخ ۱۴ اکتبر در سیستم درخواست ایندکس صفحات ابزار سرچ کنسول به صورت سراسری و برای همه سایتها وجود دارد و البته به گفته گوگل موقتی است. اگر روی لینک learn more در کنار هشدار کلیک کنید میبینید که گوگل توضیح داده است که علت غیرفعال شدن سیستم inspect url آپدیت های تکنیکی این بخش است و ظرف یک هفته مجددا در دسترس قرار خواهد گرفت.
موفق باشید.
خسته نباشید.اولویت کدام نکات سئوی تکنیکال بیشتر است؟منظورم این است که از کجا باید شروع کنیم؟
با سلام و وقت بخیر.
به صورت کلی تمام نکات سئوی تکنیکال که مربوط به دیده شدن و ایندکس شدن صفحات سایت شما برای ربات‌های گوگل است در اولویت هستند.
به زودی یک چک لیست سئو تکنیکال برای اجرای سریعتر نکات تکنیکال در اختیار شما قرار خواهیم داد.
موفق باشید.
با سلام.خیلی ممنون از زحماتی که میکشید.میشه توضیحات دقیقتری از روش ساخت لینک و و اون چیزیهایی که درون لینک قرار میگیره بدید؟همچنین اینکه کلا هر بخشی از لینک رو چجوری باید بنویسیم و توی کجای لینک اونو بنویسیم.خیلی ممنون
سلام و وقت بخیر.
در همین صفحه سئو تکنیکال و در قسمت ساخت لینک، توضیحات فنی همراه با تصویر داده شده است.
لطفا بررسی نمایید و چنانچه سوال دیگری داشتید دقیق‌تر بفرمایید تا بتونم بهتر پاسخ بدهم.
با تشکر.
سلام اقای محمدی در مورد meta tag open graph اگر کد بالا را در قسمت headوب سایت خودمون قرار بدیم دیگه چیز دیگه ای لازم نیست یعنی دیگه وقتی داخل شبکه های اجتماعی url لی که در کد بالا قرار دادیم را در قرار بدیم خودش میره عکس و عنوان و… را میگیره میاره ممنون میشم اگر راهنماییم کنید
سلام و وقت بخیر.
بله همینطور است. مجموعه کدهای open graph باعث می‌شود اطلاعات خلاصه صفحه در شبکه‌های اجتماعی نشان داده شود. البته open graph را فیسبوک معرفی کرد، اما الان اکثر شبکه‌های اجتماعی این پروتکل را پشتیبانی میکنند.
همچنین توییتر نیز برای خودش meta twitter دارد.
اگر از وردپرس استفاده می‌کنید اکثر افزونه‌های سئو، این امکان را اتوماتیک ایجاد میکنند.
اقای محمدی ممنون از پاسخ و پشتیبانی سریعتون ,من یک سوال دیگه از خدمت شما داشتم از meta tag open graphدر کدوم صفجات استفاده میشه منظورم اینکه مثلا در یک فروشگاه اینترنتی بهتر با استفاده از شرط ها این کد رو در کدام صفحات singel,shop,index این کد رو قرار بدیم ممنون میشم اگر راهنماییم کنید
سلام و وقت بخیر.
فکر می‌کنم منظور شما برای طراحی قالب یا ویرایش قالب است.
در این صورت باید خیلی مراقب باشید از کدام صفحه دارید ویرایش و یا تزریق کد را انجام میدهید تا با افزونه های دیگه که همین کد را احتمالا تولید میکنند، کانفلیکت نشه.
در مورد صفحاتی که فرمودید خیلی تفاوتی نمی‌کنه.
اگر در Index بگذارید و متغیر بهش بدید در تمام صفحات اجرا میشه.
با توجه به شرایط، خودتون باید تصمیم بگیرید.
موفق باشید.
سلام خسته نباشید میخواستم در مورد متا تگ شبکه اجتماعی اینو بپر سم که باید کدی رو که شما در بالا قرار دادی عینا در سورس خودمو کپی کنیم و قسمت ایی رو که شماتعیین کردید اطلاعات خودمون رو وارد کنیم کافی و نیاز به چیز دیگه ای نیست
سلام خدمت شما.
بله همین کدها را کپی کنید کافی است.
مطمئنا قصد ندارید که در تک تک صفحات برید کپی کنید درست است؟
چون این کار با کدنویسی راحت تر است.
موفق باشید.
سلام وقتتون بخیر،
من site map رو از xml-sitemaps.com گرفتم
ولی سرچ کنسول میزنه couldn’t fetch
مشکل چیه بنظرتون؟
سلام و وقت بخیر.
۲ تا احتمال وجود دارد.
۱. آدرس نقشه سایتتون را اشتباه وارد کرده‌اید.
۲. فرمت نقشه سایتتون مشکل داره.
با استفاده از سایت زیر مشکل را بررسی کنید و مشکل رو برطرف کنید، سپس مجددا اقدام نمایید.
https://www.xml-sitemaps.com/validate-xml-sitemap.html
سلام
مطالب برایم بسیار عالی بود توضیح کاربردی تگها بسیار عالی.
ممنون ازاین ارائه برتر
شاد وپولدارباشید
با سلام.
با تشکر از لطفا شما.
موفق باشید.