دسته: بلاگ

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

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

همان طور که می دانید گوگل برای محاسبه رنکینگ سایت از سیگنالهای بسیاری استفاده می کند. در گذشته تعداد آن سیگنال ها به بیش از 200 مورد می رسید ولی اخیرا گوگل در برخی مصاحبه ها از واژه چند صد سیگنال استفاده می کند که از نظر علم سئو امری طبیعی است چرا که الگوریتم های گوگل بر اساس هوش مصنوعی و یادگیری ماشین یا همان Machine Learning کار می کنند و گوگل همیشه برای بهبود الگوریتم های محاسبه رنکینگش تلاش بسیاری می کند و طبیعی است که همیشه به تعداد سیگنال هایی که هوش مصنوعی قادر به درک و تشخیص آنها باشد افزوده شود.

با آموزش سئو در وب یوز رنک سایتتان را بهبود ببخشید

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

آموزش سئوی حرفه ای
آموزش سئوی حرفه ای

آموزش سئو به صورت خصوصی

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

دلایل رایج هک شدن سایت توسط اسپمرها

دلایل رایج هک شدن سایت توسط اسپمرها

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

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

تمپلیت ها و پلاگین های نامطمئن

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

تمپلیت ها و پلاگین های نامطمئن
NoHacked photo by Google

کلمه عبور

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

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

اهراز هویت دو مرحله ای

ضمنا توصیه می شود از سرویس های اهراز هویت دو مرحله ای یا two-factor authentication مانند سرویس Google 2-Step Verification استفاده کنید که در صورت فاش شدن کلمه عبور، هکر نتواند از سرویس های شما استفاده کند و برای لاگین کردن به گوشی موبایل شما نیز نیاز داشته باشد. سرویس های اهراز هویت دو مرحله ای در حقیقت یک لایه امنیتی اضافه هستند که برای عبور از آن باید به به عنوان مثال به گوشی موبایلتان دسترسی داشته باشید تا رمز یکبار مصرفی که برایتان ارسال شده را دریافت و جهت لاگین از آن استفاده نمایید. برخی از CMS ها راهکارها و یا پلاگین هایی را بدین منظور ارائه نموده اند.

عدم بروز رسانی

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

حفره های امنیتی ناشی از سیاست گذاری

اگر شما مدیر یک سایت هستید، همیشه تلاش کنید که با سیاست گذاری صحیح باعث کاهش آسیب های احتمالی در آینده شوید. سیاست گذاری های زیر می تواند به امنیت کاربران و سایت شما کمک کند:

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

نتیجه گیری

فهمیدن اینکه سایت شما از چه قسمتی با مشکل هک مواجه شده و یا از چه روشی به آن نفوذ شده، به شما کمک می کند که بتوانید در مقابل حملات احتمالی آینده از سایتتان محافظت کنید.

اگر سایتی هک شود و یا با مشکلات امنیتی مواجه شود که گوگل قادر به تشخیص آن باشد، پیغامی مبنی بر هک شدن سایت در گوگل سرچ کنسول سایت مربوطه به وبمستر سایت ارسال می شود و پیغام this site may be hacked در صفحه نتایج جستجوی گوگل در زیر صفحات سایت مربوطه نمایش داده می شود که این امر منجر به کلیک نکردن کاربران بر روی صفحات سایت در صفحه نتایج گوگل خواهد شد که به رنکینگ سایت صدمه می رساند. پس تاکید میکنیم که به امنیت سایت از دیدگاه سئو نیز نگاه کنید و برای آن برنامه ریزی جدی داشته باشید.

تست موبایل فرندلی صفحه با گوگل

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

دلیل اصلی اهمیت موبایل فرندلی بودن سایت این است که در سال 2015 برای اولین بار تعداد جستجوهای انجام شده توسط موبایل بیشتر از دسکتاپ شد و این روند همچنان ادامه دارد و پیش بینی می شود که این رقم تا سال 2020 به 80 درصد برسد. به همین دلیل گوگل در سال 2015 الگوریتم موبایلگدون را منتشر نمود که توسط آن در سرچ هایی که توسط موبایل انجام می شود، برای سایت های موبایل فرندلی ارزش بیشتری نسبت به سایت های غیر موبایل فرندلی قائل می شود.

معیارهای متفاوت و متعددی برای تست موبایل فرندلی بودن سایت ها توسط گوگل وجود دارد که از بین آنها می توان به تعریف  viewport در head صفحه در HTML و همچنین نزدیک نبودن بیش از حد المان ها در صفحه و یا کوچک بودن فونت یا المان ها به صورتی که کاربر موبایل را برای خواندن صفحه و یا لمس المان ها با مشکل مواجه کند اشاره کرد.

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

یکی از روشهای تست موبایل فرندلی بودن سایت، استفاده از ابزار شبیه ساز مرورگر گوگل کروم است. بدین منظور ابتدا صفحه وب مورد نظرتان را در گوگل کروم باز کنید. سپس با فشردن کلید F12 وارد محیط Dev Tools شوید و بعد از آن با فشردن Ctrl+Shift+M یا با توجه به تصویر زیر با کلیک بر روی آیکون موبایل می توانید از شبیه ساز موبایل گوگل کروم استفاده کنید.

شبیه ساز موبایل dev tools گوگل کروم
شبیه ساز موبایل گوگل کروم

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

تست موبایل فرندلی با ابزار Mobile-Friendly Test گوگل

گوگل ابزاری را برای بررسی آنلاین صفحه وب جهت داشت سایتی موفق و انجام سئوی حرفه ای در اختیار وبمستران قرار داده است. شما می توانید از طریق صفحه Google Mobile-Friendly Test از این ابزار جهت بررسی صفحات سایتها استفاده کنید.

ابزار تست موبایل فرندلی گوگل
ابزار تست موبایل فرندلی گوگل

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

امپ در سئوی حرفه ای

جایگاه امپ در سئوی حرفه ای

همان طور که در مقاله محتوای سایت خود را امپ کنید توضیح دادیم، پروژه AMP یا Accelerated Mobile Pages در اکتبر 2015 با هدف افزایش سرعت بارگذاری صفحات بر روی دستگاه های همراه مانند موبایل معرفی شد. از همان ابتدا توئیتر و لینکداین و خبرگذاریهای معروف و پر ترافیک دنیا از پروژه امپ استقبال کردند و شروع به تولید صفحات amphtml نمودند و سایت eBay در اوایل 2016 و موتور جستجو بایدو چین نیز در اوایل سال 2017 به جمع سایت هایی پیوستند که از صفحات AMP پشتیبانی می کنند و این تعداد همواره در حال افزایش است.

تاثیر امپ در سئو سایت

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

AMP rocket

از ابتدای معرفی پروژه امپ تا کنون همواره گوگل در حال افزایش تعداد نمایش نتایج صفحات AMP بوده و اکنون دیگر نه تنها سایت های خبری، بلکه صفحات امپ هر نوع سایت با هر نوع محتوا را به صورت امپ در صفحه نتایج در دستگاه های همراه مانند گوشی موبایل نمایش می دهد.

چرا سایت ما صفحه امپ داشته باشد

علاوه بر تاثیر امپ در SEO، آمارها و تحقیقاتی وجود دارند که در ادامه نظر شما را به آن جلب میکنم:

  1. در سال 2016 در حدود 58 درصد از جستجوها توسط موبایل انجام می شود و تا سال 2020 این آمار به 80 درصد خواهد رسید.
  2. به صورت میانگین 53 درصد کاربران در صورت عدم بارگذاری صفحه در 3 ثانیه از صفحه خارج می شوند و AMP می تواند مشکل کندی بارگذاری صفحه را برطرف کند.
  3. به طور متوسط 1 ثانیه تاخیر در بارگذاری صفحات یک سایت منجر به افت 7 درصدی در conversion rate یا نرخ تبدیل کاربر می شود.
  4. طبق نتیجه تحقیق گوگل در سایت های فروشگاهی، داشتن صفحات AMP باعث افزایش حدود 20 درصدی در فروش می شود.

ارزش صفحات amphtml در گوگل

آینده AMP در طراحی سایت

در آماری که گوگل اعلام کرده، تعداد دامین هایی که دارای صفحات امپ هستند به 25 میلیون دامین رسیده است و هم اکنون بیش از 4 میلیارد صفحه امپ وجود دارد و این آمار با سرعت زیادی در حال افزایش است و علاوه بر افزایش تعداد دامین های مذکور، سرعت بارگذاری صفحات AMP نیز بهبود پیدا کرده و به طور میانگین به حدود 0.5 ثانیه رسیده است و همه نشانه ها حاکی از گسترش و توسعه ادامه دار امپ در آینده است.

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

توسعه دهندگان امپ

هم اکنون تعداد بیش از 400 توسعه دهنده AMP به همراه 10500 نفر مشارکت کننده در Github AMP بر روی پروژه امپ فعالیت می کنند و تعداد توسعه دهندگان و مشارکت کنندگان در حال افزایش است و همواره استانداردهای AMP Project در حال تکمیل و بهبود و بروز شدن است.

جهت کسب اطلاعات بیشتر در مورد پروژه امپ می توانید از سایت https://www.ampproject.org بازدید فرمایید.

inline کردن عکس در سئوی حرفه ای

بهینه سازی سایت با inline کردن عکس

در راستای بهینه سازی سایت حرفه ای روش های زیادی برای بهینه سازی عکس و کاهش تعداد درخواست به سرور وجود دارد که یکی از آنها کم کردن تعداد درخواست یا request به سرور جهت لود عکس ها است. یکی از راههای کاهش تعداد درخواست به سرور جهت لود عکسها، استفاده از تکنیک CSS Sprite است ولی اگر بخواهید به طور کامل برای لود یک عکس هیچ درخواستی به سرور ارسال نکنید، می توانید از تکنیک inline کردن عکس استفاده کنید.

استفاده از base64 برای inline کردن عکس

از base64 برای encode کردن باینری به متن استفاده می شود. با استفاده از این تکنیک این امکان وجود دارد که هر عکسی را به صورت داده های متنی ذخیره کرد. خوشبختانه مرورگرهای مختلف می توانند base64 را decode کنند. به عبارت دیگر اگر شما یک عکس را به صورت base64 به صورت inline در فایل HTML در <img> بنویسید، مرورگرها می توانند آن عکس را در صفحه HTML رندر کرده و به کاربر نمایش دهند. به عبارت دیگر با استفاده از این تکنیک، دیگر درخواست جداگانه برای لود عکس به سرور ارسال نمی شود و عکس به صورت قسمتی از متن صفحه HTML در مرورگر لود شده و در نهایت رندر و به کاربر نمایش داده می شود.

base64 encoding

جهت بارگذاری عکس به صورت base64 در HTML به روش زیر عمل کنید:

<img src="data:image/jpeg;base64,/9j/4AAQSkZJRAKACgAoAKACgD/9k=">

 

شما می توانید در مرورگر گوگل کروم با کلیک راست بر روی عکس بالا و کلیک بر روی inspect، از نحوه استفاده از base64 برای اینلاین کردن عکسها آشنا شوید.

base64 برای اینلاین کردن عکس در CSS

این امکان وجود دارد که از تکنیک base64 برای حذف درخواست به سرور جهت لود عکس در CSS نیز استفاده نمایید. بدین جهت می توانید عکس background را به صورت base64 در CSS بنویسید.

به عنوان مثال شکل نارنجی رنگ در ابتدای خط به صورت بکگراند در CSS تعریف شده است. کد استفاده شده در ادامه نمایش داده شده است:
.inline {background:url(data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7)no-repeat right center;}

کاربرد base64 در هک

یکی از تکنیک هایی که هکر ها استفاده میکنند، تکنیک encoding کدها با base64 است که شناسایی کدهای آلوده توسط کاربران را سخت تر کنند. برای اطلاعات بیشتر می توانید مقاله کدهای رمزگذاری شده و نامفهوم در سایت را مطالعه کنید.

اینلاین کردن عکس SVG

فرمت های گوناگونی برای ذخیره سازی عکس ها وجود دارد که یکی از آنها فرمت SVG است. جهت آشنایی بیشتر با این فرمت می توانید مقاله فرمت عکس Webp و SVG را مطالعه بفرمایید. عکسهای با فرمت SVG را می توانید با هر ادیتور متنی مانند notepad در ویندوز باز کرده و کدهای درون آن را مشاهده کنید. اگر عکس SVG را با ادیتور متنی باز کنید، دو تگ <svg> و </svg> را می توانید در ابتدا و انتهای کدها ببینید. برای inline کردن عکس SVG دقیقا به همین تگ باز و بسته شدن svg و هر آنچه در بین آنها است نیاز دارید.

برای اضافه کردن یک عکس با فرمت SVG از روش زیر عمل کنید:

<svg width="100" height="100">
<circle cx="50" cy="50" r="40" stroke="green" stroke-width="4" fill="yellow" />
</svg>

به عنوان مثال عکس SVG زیر به صورت اینلاین در کد  HTML صفحه قرار داده شده است و شما می توانید با کلیک راست و انتخاب گزینه inspect با نحوه انجام این کار بیشتر آشنا شوید.

مزیت inline کردن عکس

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

ایراد inline کردن عکس

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

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

ضمنا مرورگرهای زیر از base64 پشتیبانی می کنند

 مرورگرهایی که از base64 پشتیبانی می کنند
بروزهایی که از base64 encoding پشتیبانی می کنند

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

میانگین ارزیابی