الکسا (Alexa) چیست؟

الکسا (Alexa) عنوان سرویسی است وابسته به سایت amazon.com که در آدرس Alexa.com ارائه می شود، هدف از این سرویس رتبه بندی پایگاه های اینترنتی از نظر تعداد بازدیدکننده (ترافیک بازدیدها) می باشد که با در نظر گرفتن یک سری معیار های محاسباتی و آماری، نهایتا طراحی سایت های مختلف را به لحاظ میزان دیده شدن صفحات آنها، رتبه بندی می کند.

اهمیت و دقت رتبه بندی الکسا (Alexa)

اما چرا رتبه الکسا برای مدیران سایت ها و طراحی سایت یا ساخت سایت و سئو سایت و در قیمت طراحی سایت اهمیت زیادی دارد و آیا اساسا این رتبه بندی دقیق است؟ واقعیت این است که آمار این سرویس لزوما دقیق و کاملا براساس واقعیت نیست و تا حدودی مبتنی بر محاسباتی فرضی و احتمالی است، چرا که منبع اصلی جمع آوری اطلاعات الکسا و در واقع پشتوانه آن نوار ابزار یا تولباری (Alexa Toolbar) است که در مرورگر بازدیدکنندگان در سرتاسر دنیا نصب می شود. به فرض ممکن است اکثر کاربران پایگاهی بدون نصب تولبار از آن دیدن کنند و در مقابل سایتی دیگر به دلیل نوع فعالیتش بازدیدکننده های خاصی داشته باشد که تولبار الکسا را اکثر آنها نصب کرده باشند (معمولا وبسایت هایی(طراحی سایت فروشگاهی , طراحی سایت شرکتی) که بازدیدکننده هایشان از تجربه کافی در فعالیت های وب برخوردارند، رتبه الکسای بهتری نسبت به سایت های دیگر ولی با بازدید مشابه دارند). اما با وجود همه ی این تفاسیر نباید سایت الکسا و رتبه آن را آنقدرها هم دست کم گرفت! خواسته یا ناخواسته، رتبه الکسا جای خود را بین کاربران باز کرده و اهمیتی نسبی در عرصه وب و مخصوصا تجارت الکترونیک پیدا کرده است.

به طور مثال :

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

مدت زمان لازم برای کسب رتبه الکسا (Alexa)

اگر به تازگی سایت خود را راه اندازی کرده اید، برای اینکه در قسمت نمایش اطلاعات سایت الکسا جایی داشته باشید، پس از عضویت در آن و ثبت آدرس خود، معمولا باید مدتی بین 1 تا 3 ماه از ثبت سایت شما بگذرد و از طرفی هرچه بازدیدکننده سایتتان بیشتر باشد، شانس شما بیشتر خواهد بود؛ لذا می توان گفت بهترین کار برای کسب رتبه بالاتر (البته در سیستم الکسا هرچه عدد شما کم تر باشد یعنی رتبه شما بالاتر است!) تلاش در جهت انتشار مطالب بهتر و مفیدتر و اهمیت قائل شدن برای مخاطبان است؛ به این ترتیب هر چه که فعالیت شما در وب مستمر و با کیفیت باشد، سایت الکسا نیز اهمیت بیشتری برایتان قائل شده و نوع تجزیه تحلیل و آمارهای ارائه شده آن نیز به مرور زمان متفاوت خواهد بود.

بهینه سازی یا سئو سایت چیست ؟

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

Security Issues در گوگل سرچ کنسول

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

مشکلات امنیتی که سرچ کنسول پشتیبانی می کند عبارتند از:

• (Social Engineering (Phishing and Deceptive Sites
• Malware infection type: Server configuration
• Malware infection type: SQL injection
• Malware infection type: Code injection
• Malware infection type: Error template
• Cross-site malware warnings
• Hacked type: Code injection
• Hacked type: Content injection
• Hacked type: URL injection

در صورتیکه موارد امنیتی به صورت تعمدی توسط وبمستر در سایت ایجاد نشده باشد، برطرف کردن این موارد نیاز به دانش کافی در زمینه امنیت دارد. در صورتیکه با پیغام امنیتی سرچ کنسول مواجه شدید، دقت کافی داشته باشید که علاوه بر برطرف کردن مشکل بوجود آمده، راه نفوذ هکر را نیزشناسایی و مسدود نمایید که مجددا با مشکل امنیتی مواجه نشوید. پس از اطمینان از برطرف شدن مشکل و بستن راه های نفوذ احتمالی، روی دکمه REQUEST A REVIEW کلیک کرده تا گوگل مجددا سایت(طراحی سایت شرکتی , ساخت سایت , قیمت طراحی سایت) شما را بررسی کند و در صورت تایید گوگل مبنی بر رفع مشکل امنیتی، جایگاه سایت در موتور جستجو به حالت قبل باز خواهد گردید.

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

عوامل مهم در سرعت بارگذاری صفحات در گوگل(Page Speed)

عوامل مهم در سرعت بارگذاری صفحات در گوگل(Page Speed)

همانطور که گفته شد، از عوامل مهم در سرعت بارگذاری صفحات در گوگل(Page Speed) که برخی از آنها موثرتر از بقیه موارد هستند و برخی نیز با تاثیر گذاری اندک وجود دارند و باعث می شوند صفحه نتیجه آنالیز صفحه توسط ابزار Google PageSpeed Insights شامل دو قسمت Optimization Suggestionsو Optimizations Already Present مواردی که نیاز به بهینه سازی (طراحی سایت , سئو سایت , طراحی سایت فروشگاهی )دارند در Optimization Suggestions و مواردی که از قبل بهینه هستند و نیازی به بهینه سازی ندارند،در قسمت Optimizations Already Present نمایش داده شوند.

ابزار PageSpeed Insights برای هر کدام از موارد، که نیاز به بهینه سازی (طراحی سایت , طراحی سایت شرکتی , ساخت سایت , قیمت طراحی سایت )داشته باشند، نمونه هایی را به شما نمایش می دهد که بتوانید موارد بهینه نشده را راحت تر بیایید و آنها را بهینه کنید. در ادامه به توضیح موارد نمایش داده شده در نتیجه آنالیز پرداخته شده است.

موارد نمایش داده شده در نتیجه آنالیز:

1- Eliminate render-blocking JavaScript in above-the-fold content

قسمت above-the-fold یا همان قسمت از بالای صفحه در هنگامی که هنوز اسکرول انجام نشدهاست، از اهمیت ویژه ای برخوردار است. گوگل توصیه می کند که تلاش کنید تعداد فایلهای CSS و js که در رندر above-the-fold تاخیر ایجاد می کنند بسیار کم و در صورت امکان، وجود نداشته باشند. بنابراین هر چه تعداد این نوع فایلهای CSS و JS بیشتر باشد، نمره Optimization صفحه کاهش پیدا می کند.

ضمنا به دلیل اهمیت ویژه این موضوع، با افزایش تعداد منابع موثر در تاخیر رندر قسمت above-the-fold، نمره Optimization به صورت تصاعدی کاهش می یابد راهکارهای متفاوتی برای بهبود این آیتم وجود دارد که پرکاربردترین آنها، merge کردن یا ادغام همه فایلهای CSS و فایلهای JS به صورت جداگانه و داشتن یک فایل CSS و یک فایل JS است. توجه داشته باشید که ادغام کردن فایلها حتما باید با بررسی کامل انجام پذیرد که ایرادی در قسمت های مختلف صفحه با صفحات ایجاد نکند. بنابراین تلاش کنید که تا جایی که امکان پذیر است از تعداد فایلهای CSS و JS بکاهید.

2-Leverage browser caching

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

Avoid landing page redirects -۳

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

4- Enable compression

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

Minify CSS-5

minify کردن css به معنی حذف space ها و enter های اضافه در CSS است که باعث کاهش سایز قایل Css می شود. اگر فقط enter های اضافه در CSS را حذف نمایید می توانید استان این تست را کسب کنید. ولی به هر حال با حذف space های اضافه نیز می توانید سایز فایل css را باز هم کاهش دهید.

6-Minify JavaScript

minify کردن جاوااسکرییت به معنی حذف space ها و enter های اضافه در فایل های وز است که باعث کاهش سایز فایل می شود.

Minify HTML-7

minify کردن HTML نیز همانند  minify کردن CSS و js  به حذف فاصله ها و enter های اضافه در HTML است.

بهینه سازی عکس برای موتور های جستجو

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

فرمت عکس

فرمت های مختلفی برای عکسها وجود دارند که معروف ترین آنها عبارتند از png ، jpg و gif دوفرمت Webp و SVG نیز در چند سال اخیر مورد استفاده قرار گرفته اند که در دنیای بهینه سازی سایت برای موتور جستجو (طراحی سایت , سئو سایت , طراحی سایت ) از اهمیت ویژه ای برخوردار هستند، در ادامه در مورد این دو فرمت توضیح داده شده است.

فرمت Webp

گوگل در سال ۲۰۱۰ فرمت Webp را برای عکس ها به صورت متن باز معرفی کرد. فایل های با فرمت Webp از فرمت های jpg و png فشرده تر هستند و از انیمیشن و transparency نیز پشتیبانی می کنند و بنابراین جایگزین  مناسبی برای فایل های GIF نیز هستند.

انواع فایل Webp

فرمت Webp با دو نوع Lossless یا بدون افت کیفیت و Lossy یا با افت کیفیت قابل ارائه هستند. طبق اعلام گوگل، فایل های Webp از نوع Lossless به میزان ۲۶ درصد و از نوع Lossy به میزان ۳۴-۲۵ درصد فشرده تر از فایل های JPEG فشرده شده با تکنیک های دیگر هستند. همچنین تبدیل فایل PNG بهWebp سایز فایل را به صورت میانگین به میزان ۴۵ درصد کاهش می دهد.

مرورگر های گوگل کرومو اپرا  از ابتدا از فرمت Webp پشتیبانی می کردند ولی مایکروسافت ایترنت اکسپلورر از ورژن ۶ به بعد از Webp پشتیبانی می کند.

فرمت SVG

SVG مخفف Scale Vector Graphic است و در سال ۲۰۰۱ توسط کمپانی W3C معرفی گردید. فایل های SVG به صورت وکتور هستند. اگر یک فایل SVG را با یک ادیتور متنی مانند notepad ناهید دید که یک فایل SVG کاملا به صورت کد نوشته می شود و به عنوان مثال می توانید کد رنگ قسمت های مختلف عکس را در ادیتور متنی تغییر دهید. یکی از مزیت های عکس های با فرمت SVG این است که می توان به راحتی از آنها به صورت inline در HTML استفاده نمود.

تبدیل فرمت عکس

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

نکته ای که باید به آن دقت کرد این است که از هر فرمتی که استفاده می شود، باید حداقل سایز فایل لازم را داشته باشد. همانطور که در فصل PageSpeed Insights گفته شد، به عنوان نمونه می توانید در نرم افزار فوتوشاپ با استفاده از save for web و تنظیم کیفیت روی عدد ۶۵-60، سایز فایل عکس را تا حدی کاهش دهید که چشم انسان متوجه افت کیفیت آن نشود.

inline کردن عکس

در راستای بهینه سازی سایت روش های زیادی برای بهینه سازی عکس و کاهش تعداد درخواست سرور وجود دارد که یکی از آنها کم کردن تعداد درخواست یا request به سرور جهت و عکس ها است. یکی از راههای کاهش تعداد درخواست به سرور استفاده از تکنیک inline کردن عکس است.

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

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

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

اضافه کردن عکس به صورت base64 در HTML به روش زیر است:

<“=img src=”data:image/jpeg;base64,/9j/4AAQSkZIKACgD/9k>

ابزارهایی آنلاین بسیاری مانند آدرس زیر برای تبدیل عکس به base64 وجود دارند که می توانید توسط آنها به راحتی هر عکسی را به base64 تبدیل کنید.

https://www.base64-image.de

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

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

در نمونه زیر یک عکس به صورت base64 در CSS به عنوان پس زمینه قرار داده شده است.

inline.

{background:url(data:image/gif;base64,ROIGODlhEAAQAMQAAORHHOVS}

KuhPGolfo0o/XBs/fNwfjZ0fKCrKUE1lBavAViFIDITImbKC5Gm2hB0SIBCBM

{;QiBOUjIQA7) no-repeat right center

اینلاین کردن عکس 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/>