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

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

بخش جریمه دستی در گوگل وبمستر
مت کاتس مدیر ارشد مبارزه با اسپم گوگل میگوید:
“همزمان با افزایش توانایی الگوریتم گوگل و بهبود نتایج حاصل از آن، جریمه دستی را نیز برای مبارزه با تکنیک های اسپم انجام میدهیم که میتواند موجب کاهش رتبه در گوگل یا حذف صفحات ایندکس شده شود. بخش جریمه دستی این اقدامات را به شما اطلاع رسانی کرده و نحوه رفع آن را پیشنهاد میدهد، همچنین شما یک پیام در بخش Message Center اکانت وبمستر خود دریافت خواهید کرد”

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

•     لینک غیر طبیعی به سایت شما
•     لینک غیر طبیعی از سایت شما به سایت های دیگر
•     سایت هک شده
•     محتوای بی کیفیت و کم ارزش
•     سایت اسپم
•     اسپم توسط کاربران (مربوط به بخش نظرات و فروم سایت)
•     ریدایرکت های پنهان
•     کلمات یا بخش های مخفی و بمباران کلمه کلیدی
•     هاست های رایگان اسپم شناخته شده

1. سئو سایت
2. سئو
3. طراحی وب سایت
4. تبلیغات گوگل
5. طراحی سایت شرکتی
6. طراحی سایت فروشگاهی
7. طراحی سایت تهران
8. طراحی سایت
9. سئو سایت
10. سئو
11. طراحی وب سایت

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

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

برخی از دلایل فعالیت در شبکه های اجتماعی:

1- شبکه ای اجتماعی در ایجاد مطالب:

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

2- یک گروه برای خود ایجاد می کنید

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

3- تاثیر شبکه های اجتماعی در رتبه بندی:

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

4- ارتباط با مشتریان

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

5- بررسی سایت seo.com:

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

6- یک تیم عالی تشکیل می دهید

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

7- استفاده کاربردی از شبکه های اجتماعی:

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

8- نرخ درگیری کاربر را افزایش می دهد

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

9- روند تاثیر شبکه های اجتماعی به کاربران تلفن ربط دارد:

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

10- باعث افزایش آگاهی برند می شود

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

11- شخصی سازی پیام

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

حرف پایانی سئو در شبکه های اجتماعی:

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

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

بخش های بازار باید ویژگیهای خاصی داشته باشند:

• بخشها باید از اندازه مطلوبی برخوردار باشند تا شرکت برگشت خوبی از تلاشهای خود داشته باشد.

• معیارهای بخشها باید این توانمندی را به شرکت بدهند تا شرکت بتواند ارتباط موثری با آنها برقرار کند.

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

بخش بندی بازار به سه مرحله تقسیم می شود:

مرحله 1: نیاز بازار

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

مرحله 2: درک این موضوع که چه کسی، چه چیزی را، کجا، چه وقت، و چگونه می خرد؟

این مرحله انجام کارهایی به قرار زیر است:

• تشکیل یک نمونه کلی برای تصمیم گیرندگان مختلف

• تعیین شرایط و ویژگیهای خریدی که تصمیمات خرید در آن گرفته می شوند.

• توجه به صنایعی که مشتری برای توصیف تصمیم گیرندگان به کار می برد.

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

مرحله 3: به چرایی رفتارهای مشتریان می پردازد

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

فرآیند بخش بندی بازار شامل 7 گام است.

1. طراحی نقشه برای بازار: ساختار و تصمیم گیرندگان بازار

2. چه کسی خرید می کند: تعیین مشتریان

3. چه چیزی فروخته می شود: گزینه های خرید

4. چه کسی چه چیزی می خرد: مشتریان و خریدهای آن ها

5. چرا خریده می شود: نیازهای مشتریان

6. شکل دهی بخش ها: ترکیب مشتریان مشابه

7. فهرست بررسی بخش: بررسی واقعی

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

• کمک به تعیین جهت بازار با تحلیل و کمک به درک تمایلات و رفتارهای خریداران

• کمک به انجام بازاریابی واقع گرایانه و تعیین اهداف فروش

• کمک به بهبود تصمیم گیری با اجبار مدیران به بررسی دقیق گزینه ها

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

تکنیک هایی که در این مطلب بیان میشه برگرفته از کتاب بهینه سازی تصاویر نوشته شده توسط Addy Osmani هست. در هر نوع سایتی که از تصاویر استفاده میکنید میتوانید از این قواعد بهره ببرید.

تصاویر مهم و بحرانی رو انتخاب کرده و اونا رو Preload کنید

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

شما میتوانید از اون برای هر چیزی استفاده کنید ولی باید در نظر داشته باشید که به جز در موارد ضروری و تصایر حیاتی از این مورد استفاده نکنید. فرض کنید که میخواهیم تصویر اصلی یک سایت رو Preload کنیم. برای اینکار بصورت زیر عمل میکنیم:

<link rel="preload" href="/img/logo.svg" as="image">

کد بالا رو در قسمت Head سایت خودتون قرار بدین. شما همچنین میتوانید از Preload در هدرهای HTTP استفاده کنید. بصورت زیر:

Link: </img/logo.svg>; rel=preload; as=image

در تصویر زیر دو حالت مختلف از لود شدن تصویر رو مشاهده میکنید که تفاوت استفاده یا عدم استفاده از Preload در اون مشخص شده است:

همونطور که میبینید در مثال بالا تصویر در حالت Preload تقریبا 0.5 ثانیه زودتر لود و نمایش داده شده است. پس در مواقع ضروری از این ویژگی استفاده کنید و تصاویر اصلی خودتون رو زودتر در اختیار کاربر قرار بدین.

کدهای SVG را بصورت اتوماتیک ساده سازی کنید

بهینه سازی SVG با بهینه سازی انواع تصاویر دیگه تفاوت داره چون برخلاف تصاویر PNG و JPG ، تصاویر SVG بصورت متنی هستند و شبیه به کدهای XML هست. پس شما از هر روشی که برای فشرده سازی متون استفاده میکنید، میتوانید برای بهینه سازی SVG نیز استفاده کنید. علاوه برای این موارد شما میتوانید از ابزار SVGO استفاده کنید و سایز فایلهای SVG خودتون رو پایین بیارید.

ابزار SVGO امکانات و ویژگی های زیادی رو در اختیارتون قرار میده که با استفاده از اونا میتوانید بصورت کامل بر روی فایلهای SVG خودتون مدیریت داشته باشید و اون چیزای اضافی رو حذف کنید و با اینکار حجم SVG خودتون رو کاهش بدید.

شما با استفاده از نرم افزارهای گرافیکی مثل Adobe Illustrator که SVG رو به وجود میارید، میتوانید بصورت اتوماتیک مسیرهای SVG رو ساده سازی کنید و با اینکار سایز تصاویر SVG خودتون رو کاهش بدین. تصویر زیر رو ببینید:

تصویر سمت چپ، تصویر اولیه هست و همونطور که مشاهده میکنید 251 نقطه داره و حجم اون تقریبا 21 کیلوبایت هست. زمانی که تصویر رو ساده سازی میکنید، تفاوت چندانی در ظاهر اون به وجود نمیاد ولی تعداد نقاط اون به 152 عدد میرسه و حجم اون هم تقریبا 5 کیلوبایت کاهش پیدا میکنه. شما با این روش ساده و اتوماتیک مسیرهای SVG رو ساده سازی کردید.

تبدیل تصاویر انیمیشنی GIF به ویدیو

همه ما GIF های خوب رو دوست داریم و از اونا زیاد استفاده میکنیم. شما با استفاده از GIF میتوانید تقریبا هر چیزی رو نمایش بدین ولی مشکلی که دارن اینه که حجم زیادی دارن و نمیشه اونا رو متوقف کرد و ...

ابزارهای زیادی مثل gifsicle و ... وجود دارند که با استفاده از اونا میتوانید سایز تصاویر GIF رو تا حدی پایین بیارید ولی بازم این مقدار کاهش حجم خیلی چشم گیر نیست و بازم با حجم اون مشکل داریم و بقیه مشکلات GIF هم سر جای خودش باقی میمونه.

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

شما با استفاده از روشهای مختلف میتوانید این تبدیل رو انجام بدین. یکی از این راه ها استفاده از ابزار FFMpeg هست. با استفاده از این ابزار به راحتی میتوانید GIF رو به فرمتهای MP4 یا OGV یا WEBM و ... تبدیل کنید. برای اینکار میتوانید از دستورات زیر استفاده کنید:

1- ffmpeg -i animated.gif -b:v 512K animated.webm

2- ffmpeg -i animated.gif -b:v 512K animated.ogv

3- ffmpeg -i animated.gif -b:v 512K animated.mp4

در دستورات بالا بعد از i یا input میتوانید فایل GIF ورودی رو مشخص کنید و با استفاده از b هم میتوانید bitrate اون رو مشخص کنید. در نهایت هم نام و فرمت فایل خروجی رو مشخص میکنیم. در یک تست انجام شده یک فایل GIF ورودی با حجم 989 کیلوبایت به ویدیو تبدیل شده و سایز اون بصورت زیر شده است:

• سایز 155 کیلوبایت در فرمت MP4
• سایز 109 کیلوبایت در فرمت OGV
• سایز 85 کیلوبایت در فرمت WebM

با اینکه این تغییر فرمت سایز خیلی زیادی رو کم میکنه ولی کیفیت ویدیو ساخته شده خیلی با GIF اولیه تفاوت نداره. حالا شما میتوانید این ویدیوهای ساخته شده رو درون کدهای HTML خودتون قرار بدین. بصورت زیر:

<video preload="none">

<source src="/videos/animated.webm" type="video/webm">

<source src="/videos/animated.ogv" type="video/ogg">

<source src="/videos/animated.mp4" type="video/mp4">

</video>

با اینکار اولین فرمتی که توسط مرورگر پشتیبانی بشه انتخاب میشه و در مرورگر نمایش داده میشه.

لود کردن تصاویر با استفاده از IntersectionObserver

احتمالا زیاد از تکنیک Lazy loading برای لود کردن تصاویر استفاده کرده باشید. ولی بیشتر ابزارهایی که برای اینکار مورد استفاده قرار میگیره زیاد از CPU استفاده میکنن چون در هر لحظه موقعیت فعلی اسکرول صفحه رو بررسی میکنن و با توجه به اون تصمیم میگیرن که تصویر مورد نظر باید لود بشه یا خیر. دستگاه هایی که CPU ضعیفی دارند در این مواقع به مشکل بر میخورن و سایت شما رو با اختلال مواجه میکنه.

خوشبختانه با استفاده از Intersection Observer API میتوانید خیلی ساده تر و بهینه تر اینکار رو انجام بدین و متوجه بشید که تصویر چه زمانی وارد Viewport میشه و در همون زمان تصویر مورد نظر رو لود کنید تا کاربر بتونه اون رو مشاهده بکنه. نحوه استفاده از این API رو در ادامه توضیح میدیم. در ابتدا تصویر رو در کدهای HTML قرار میدیم:

<img class="lazy" data-src="/images/lazy-loaded-image.jpg" src="/images/placeholder.jpg" alt="I'm lazy." width="320" height="240">

همونطور که میبینید در src یک تصویر placeholder یا اولیه قرار دادیم تا زمانی که تصویر اصلی لود نشده است اون رو نمایش میدیم. تصویری که میخوایم بصورت Lazy load با استفاده از API اون رو لود کنیم درون ویژگی data-src قرار میدیم. حالا میتونیم با استفاده از کلاس در Javascript به این تصویر دسترسی داشته باشیم و کارهای مورد نظرمون رو انجام بدیم. بصورت زیر:

document.addEventListener("DOMContentLoaded", function(){

if("IntersectionObserver" in window && "IntersectionObserverEntry" in window && "intersectionRatio" in window.IntersectionObserverEntry.prototype){

elements = document.querySelectorAll("img.lazy");

var imageObserver = new IntersectionObserver(function(entries, observer){

entries.forEach(function(entry){

if(entry.isIntersecting){

entry.target.setAttribute("src", entry.target.getAttribute("data-src"));

entry.target.classList.remove("lazy");

imageObserver.unobserve(entry.target);

}

});

});

elements.forEach(function(image){

imageObserver.observe(image);

});

}

});

همونطور که میبینید در ابتدا بررسی شده که Intersection API در مرورگر کاربر پشتیبانی میشه یا خیر. بعد از اون تصاویری که در Viewport قرار میگیرن رو لود میکنیم.

امیدواریم با استفاده از تکنیک هایی که اینجا بیان کردیم به بهینه سازی تصاویر در وب سایت شما کمک کرده باشیم

1. طراحی سایت شرکتی
2. طراحی سایت فروشگاهی
3. طراحی سایت تهران
4. طراحی سایت
5. طراحی وب سایت
6. طراحی سایت شرکتی
7. طراحی سایت فروشگاهی
8. طراحی سایت تهران
9. طراحی سایت
10. طراحی وب سایت
11. طراحی سایت شرکتی
12. طراحی سایت فروشگاهی
13. طراحی سایت تهران
14. طراحی سایت

.

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

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

2. استفاده از Fetch as Google
در اکانت گوگل وبمستر خود میتوانید درخواست بررسی و ایندکس سایت و صفحات مشخصی از آن را ثبت کنید. این کار برای معرفی صفحات جدید سایت و یا آنهایی که به تازگی بروزرسانی شده اند کاربرد دارد.
برای ایندکس سایت از این طریق از نوار کناری و در بخش Health بر روی گزینه Fetch as Google کلیک کنید. آدرس مورد نظر خود را در باکس سفید رنگ وارد کرده و بر روی دکمه Fetch کلیک کنید. پس از بارگزاری مجدد صفحه وضعیت به Successful تغییر می یابد. در این زمان برای ثبت نهایی دکمه Submit to Index را بزنید.

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

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

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

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

6. رعایت نکات کد نویسی
شما با رعایت صحیح نکات کد نویسی میتوانید کار رباتهای گوگل را برای ایندکس سایت خود راحت تر کرده و سرعت این پروسه را افزایش دهید. برای بررسی کد HTML سایت خود به سایت W3.org مراجعه کرده از ابزار چک کننده آن بهره بگیرید. در کنار این کار رعایت نسبت متن به کد در صفحات خود را رعایت کنید.

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

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

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

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

آیا می دانستید بسیاری از مشتریان و البته مشتریان بالقوه شما در شبکه های اجتماعی همانند فیس بوک و توییتر حضور دارند؟

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

55 دقیقه: بر طبق محاسبات فیس بوک، این زمانی است که هر کاربری در فیس بوک وقت خود را خرج می کند. زمان و فرصت زیادی است که در این شکاف از طریق بازاریابی در فیس بوک توجه آنها را جلب کنید.

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

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

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

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

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

شیوه ابتدا موبایل یا Mobile First یک نوع روش در طراحی ریسپانسیو است. ایده آن به اینصورت است که ما طراحی سایت را ابتدا تنها با یک ستون (مخصوص نمایشگرهای کوچک) شروع میکنیم. به این صورت سایت طراحی شده در همه دستگاه‌ها، رزولویشن ها و مرورگرها به خوبی نمایش داده می‌شود. مهم نیست که نمایشگر کاربر چه اندازه‌ای باشد، مهم این است که به راحتی میتواند محتوا را مشاهده کند.

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

اما فواید این روش چیست؟ در ادامه مطلب همراه ما باشید…

• اولین فایده این روش این است که در صورتی که دستگاه کاربر از Media Query پشتیبانی نکند، سایت به خوبی نمایش داده میشود، چه نمایشگر کاربر بزرگ باشد چه کوچک.
• نکته بعدی این است که این روش یک روش منطقی محسوب میشود. زمانی که شما، سایت را ابتدا بر اساس گوشی های هوشمند طراحی و توسعه دهید میتوانید از خیلی از ویژگی‌هایی که در گوشی های هوشمند موجود هستند اما در سیستم‌های دسکتاپ وجود ندارند استفاده کنید مانند GeoLocation, Vibration, Orientation و ویژگی‌های دیگر.
• فایده دیگر آن این است که تمرکز ما را بر محتوا بیشتر میکند. در گوشی های هوشمند شما فضای زیادی در اختیار ندارید که بخواهید مانور زیادی بدهید و در کنار محتوای اصلی مطالب دیگری را نیز نمایش دهید به همین دلیل تمرکز شما بر روی نمایش درست محتوا افزایش پیدا میکند.
• و اما دلیل آخر اینکه شما سایت را برای کاربران طراحی میکنید، نه برای خودتان! در حال حاضر هر روز به تعداد دارندگان گوشی های هوشمند و تبلت ها در ایران زیادتر می‌شود در حالی که بیشتر آن‌ها قبل از داشتن این دستگاه‌ها مجهز به سیستم کامپیوتری نبودند اما اکنون آن‌ها نیز از کاربران وب محسوب می‌شوند و سایتهای ما باید برای گوشی های هوشمند در حداکثر ممکن بهینه باشد.

خب نظر شما در مورد روش Mobile First جیست؟ آیا تا به حال از آن استفاده کردید؟