آیا طراحی نکردن سبک جدید طراحی است

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

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

تک رنگی

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

نداشتن CSS تجملی

روزهای خب قدیم رو یادتون میاد؟ اون وقتا که هرکسی یه سایت و یه سری مطالب داشت که ارائه بده؟ اگه تو سایت از CSS استفاده نکنید یا خیلی کم استفاده کنید دوباره همون روزهای خوب برمیگردن. من که خودم خیلی حس نوستالژیک به اون روزا دارم. اون وقتا حتی میشد سایتی فقط یه بیوگرافی کوتاه بود یا مثلا فقط انبار یه سری لینک بود.

فونت

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

توجه کمتر به اندازه ها

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

بازگشت به فناوری میراث

خیلی از ما از ویندوز 98 یا اولین سیستم های مک خاطراتی داریم. بعضی از سایت ها با استفاده از نرم افزارهای قدیمی یه حس نوستالژیک – و احتمالا مسخره – منتشر می کنن. مثلا اینجارو چک کنید. هر کدوم از این پوشه ها یه هنر تجربی دارن.

این ها برای طراح ها چه معنی ای میدن؟

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

• CSS رو از سایتتون خارج کنید

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

• کمتر از زمینه های تک رنگ استفاده کنید

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

• برای جای مطالب خلاقیت به خرج بدید

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

• روش های قدیمی و اصولی رو دوباره یاد بگیرید

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

این طراحی کجاها خوب جواب میده و کجاها بدرد نمی خوره؟

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

آیا طراحی نکردن سبک جدید طراحی است

به چه دلیل روح در طراحی سایت از بین رفته

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

برای همین منم همون کاریو کردم که همه آدما می کردن، توئیت کردم: "من از طراحی واکنشی بدم میاد". حتی فکر کردم شاید یه بار کافی نباشه و منظورمو خوب نرسونده باشم. برای همین دوباره توئیت کردم: "من واقعا از طراحی واکنشی بدم میاد"
پس اون جادو کجا رفته؟
به نظر من، اینکه بگی آینده طراحی سایت در طراحی واکنش گراست، مثل توهین میمونه. به نظر من که وب داشت جادوشو از از دست میداد و مقصرش هم طراحی واکنش گرا بود. اگه میخواید براتون دلیل این طرز فکرمو بگم باید یکم برگردیم به عقب، سال های 79-80.
اون روزها سایت های K10K، CSS Zen Garden، Stylegala و 2advanced جزء بزرگترین سایت های طراحی سایت تو جهان بودن که طراحیاشون به خیلی ها ایده میداد. به خصوص Stylegala که هر ماه یه مدل معرفی میکرد که برای من همون حسی رو داشت که وقتی بچه بودیم برای روز عید و عیدی گرفتن داشتیم. 
حتی میشد چند ساعت تو این سایت ها می چرخیدم و همه جزئیات جالبی طراح برای مدلش نوشته بود رو می خوندم.
زیبایی نادیدنی
دوباره برمیگردم به توئیت خودم. اون موقع انقدر میفهمیدم که بتونم همین احساسمو یکمی سیاستمدارانه تر بازنویسی کنم. " من حس می کنم طراحی واکنش گرا داره روح طراحی سایتو خشک می کنه. تو این طراحی همه چیز شبکه ایه. پس خلاقیت کجا رفته؟"
این توئیتم 15000 تا بازدید داشت. خیلی ها ازم می پرسیدن منظورم از "روح" چیه.
این برمیگرده به سایت هایی که اول براتون گفتم، K10K و Stylegala و بقیه. طراحی های اون سایت ها خیلی خاص بود و یه جورایی پشت هر قسمتش کلی فکر خوابیده بود. وقتی وارد سایت هاشون میشدی پر از روح بود. برای همینم در جوابشون می گفتم: روح یک طراحی همون جزئیات طراحیه که دیده نمیشه. 
سایت های برجسته
شما هم همچین سایت هایی دیدید و میدونید چی میگم. سایت هایی که نسبت به بقیه برجسته ترند. به نظرتون چی این سایت هارو از بقیه جدا می کنه؟ از نظر یه فرد آموزش ندیده، هیچ فرقی با بقیه سایت ها ندارن. اما از نظر ماهایی که عاشق طراحی هستیم این سایت ها روح دارن. من که دلم برای این جور سایت ها خیلی تنگ شده. چرا دیگه زیاد از این سایت ها نمی بینیم؟ من فکر کنم دلیلشو بدونم.
پارسال یکی از همکارهام یه مقاله ای نوشت که تو یه قسمتیش گفته بود:
"رو یه لینکی کلیک می کنید و سایت شروع به لود شدن می کنه. صفحه ای باز میشه با یه عکس بزرگ که کل فضای دیدتونو پر کرده. تو عکس یه گروه از مردمو می بینید ... هدف فقط اینه که نشون بدن سایت تو یکی از محصولات آیفون قابل روئیته. بالای عکس هم یک جمله تزئینی کوتاهی نوشته که این محصول رو به طرز  مصنوعی و خاصی، با فونت sans-serif معرفی کرده...
شما آروم میرید پایین صفحه و همچنان عکس بزرگ دوست داشتنی سرجاشه، تا اینکه متن زیر عکس کم کم نمایان میشه و عکس رو محو می کنه.... شما یکم صفحه رو پایین می کشید و نمودارهای کوچیک همین که وارد دیدتون میشن شروع به خودنمایی می کنن.
بعد... یهو یه فهرست تقریبا بی رنگ به چشمتون میخوره و خودشو به بالای صفحه می چسبونه. و وقتی اسکرول بار رو به سمت توصیحات محصول می کشونید بازم فهرست سرجاش می مونه. رنگ های فلت و عکس های روشن گروه پشتیبانی یه ظاهر جذاب به سایت میده."
شما هم قبلا همچین سایتی دیدید؟ اینجور خلاقیت هاست که کار می کنه و یه چیز دوست داشتنی میشه. من خیلی از این حرفی که یکی از دوستانم میگفت خوشم اومد: فقط به این دلیل که این طراحی رو در اختیار داریم و جمع و جور و رام هم هست دلیل نمیشه که دیگه از خلاقیت خودمون استفاده نکنیم و کارهای آنلاین زیبا نسازیم.
آچار فرانسه طراحی واکنش گرا
شکی نیست که طراحی واکنش گرا بیشتر از سایت های عرض ثابت قدیمی زمان لازم داره تا رشد کنه.
طراحی واکنش گرا یکسری الگوهای از پیش تعیین شده داره، برای همین همشون یه جورایی شبیه همن و بعد از یه مدتی که روشون کار میکنیم چشممون بهش عادت می کنه و ذهنمون بر اساس تجربیات قبلیش از طراحی های مشابه تجزیه و تحلیلش می کنه. و معمولا هم وقتی به یه سایتی برمیخوریم که با الگوهایی که میشناسیم مطابقت نمی کنه، گیر میفتیم و طراحی چالشی میشه.
خودتونو مجبور کنید که خارج از این قاعده ها فکر کنید. اگه اساس موقعیت ها رو در CSS یاد بگیرید، اونوقت می تونید هرکاری که دوست دارید بکنید. و اگر هم هنوز اساس CSS رو متوجه نشدید، من به زودی مقاله ای براتون تو سایت قرار میدم.
بدون شک طراحی واکنش گرا همونطوری که قبلا هم تو مقاله های قبلیم گفتم نیاز جامعه امروزه و شاید هم خیلی از شما همین الآن تو ساییتون از این قالبا استفاده کردید. من هم خیلی مشتاقم که طراحی های مختلف واکنش گرای حرفه ای هارو ببینم. و ببینم چطوری روح رو به کارشون میارن و جادو رو به وب برمیگردونن.

به چه دلیل روح در طراحی سایت از بین رفته

سیستم مدیریت محتوا جوملا یا وردپرس؟

بی شک همه با این جمله موافق هستند که”محتوا در این عصر پادشاه است”.به وسیله سیستم مدیریت محتوا میتوان وبسایتهارا به سهولت به روز نگه داشت که این به روز بودن موجب میشود محبوبیت بیشتری نزد موتورهای جستجو داشته باشند.همچنین به وسیله محتوا تازه و به روز میتوانید بازدیدکنندگان را جذب کند و آنها را نسبت به وبسایت شما وفادار کند.بهینه سازی از طریق محتوا باعث میشود تا بیشتر در معرض موتورهای  جستجو قرار بگیرد و ترافیک بیشتری به وبسایت هدایت میشود.
محتوای کامل و تشریحی و کاربردی در مورد محصولات یا خدمات کلید اصلی پیشرفت کسب و کار و وبسایت شماست.همه اینها با استفاده از سیستم مدیریت محتوا(Content Management System ) امکان پذیر است.
سیستم مدیریت محتوا یک نرم افزار پیچیده است که شامل یک سری ابزار است که این امکان را به تمامی افراد میدهد تا صفحات و محتوا را از طریق مرورگرها و بدون دانستن هیچ اطلاعاتی از HTML و یا تکنولوژی های دیگر اضافه،به روز یا حذف کند.کسی که تجارت الکترونیک دارد حتما با سیستم های مدیریت محتوا سروکار خواهد داشت.
دو عدد از پرطرفدارترین این سیستمها وردپرس(WordPress ) و جوملا(Joomla ) نام دارند که در ادامه به مقایسه و بررسی کامل آنها میپردازیم تا ببینیم کدامیک از آنها بهتر است!
WordPress :سیستم مدیریت محتوا وردپرس براساس کدPHPوMySQL بنا شده است.به طور میانگین از هر ۵وبسایت که تولید میشود،۲تا از آنها وردپرسی است و در حال حاضر محبوبترین سیستم وبلاگ نویسی است.اولین نسخه وردپرس در سال ۲۰۰۳ منتشر شده است.
Joomla :جوملا در واقع یکی از فرزندان  وبسایت ساز قدیمی Mambo بود که توسعه اش متوقف شده است.جوملا در سال ۲۰۰۵ برای اولین بار معرفی شد.جوملا نیز از زبان برنامه نویسی PHP و MySql استفاده می کند.
ابتدا به ذکر تشابهات آن میپردازیم.
-هر دو قالب های موردنظر مشتریان را ارائه میدهند.
قالب هایی که توانایی شخصی سازی و پیاده سازی تنظیمات دلخواه را دارد و طراحان بدون اینکه خودشان قالبی طراحی کنند میتوانند براساس نیاز قالب مورد نظر را خریداری کنند و سپس تنظیمات و شخصی سازی ها را اجرا کنند.
-پشتیبانی قدرتمند
هر دو از پایگاه های داده و ابر داده ها پشتیبانی میکنند.ضمن اینکه پلاگین ها و افزونه ها برای پیشرفت وبسایت ها در اختیار توسعه دهندگان قرار میدهد.برای وردپرس بیش از۴۵۰۰۰ پلاگین و تم و قالب وجود دارد که توسعه دهندگان وب به راحتی میتوانند آنرا دریافت کنند و براساس عملکردی که میخواهند تنظیم کنند؛ و برای جوملا تعداد افزونه ها و کامپوننت به همراه پلاگینها این تعداد تقریبا ۸۰۰۰ عدد است.
-هر دو رایگان و متن باز(Open-Source ) هستند
هم جوملا و هم وردپرس را میتوان به صورت رایگان از وبسایت هایشان دانلود کرد.حتی اکثر افزونه ها و ابزارک ها و پلاگین های آنها رایگان هستند و آنهایی هم که باید هزینه شود تا بتوان استفاده کرد،قیمت چندانی ندارند.
-هر دو نیازمند نصب و داشتن میزبان هستند
هر دوی آنها به چند کلیک نیاز دارند تا نصب شوند.هر دو ابتدا باید از وبسایت مختص خودشان دانلود شوند،هاست(سرویس میزبانی) و دامنه برایشان خریداری شود و در قسمت پایگاه داده شان تعریف شود.هر دو آنها بعد از مدتی به روز رسانی منتشر میکنند که باید برای افزایش امنیت و عملکرد بهتر آنها را به روز کرد.
هر دو توانایی پیاده سازی ریسپانسیو را دارند
از طریق هر دو آنها میتوان وبسایت را براساس نمایشگرهای موبایلی تنظیم کرد.
ابتدا به دو تفاوت عمده میان جوملا و وردپرس میپردازیم که اذهان اکثر مردم به این خواص معطوف است و براساس تنها این دو صفت میان این دو غول سیستم مدیریت محتوا آنها را انتخاب میکنند.بعد از ذکر این دو خاصیت به صورت جداگانه به معرفی هر کدام میپردازیم.
جوملا در مورد برخی از موارد مهم انعطاف پذیرتر است.
به وسیله جوملا میتوان وبسایتهای پیچیده تری ایجاد کرد.در برخی موارد خاص با جوملا میتوان وبسایتهای منعطف تری ایجاد کرد.به وسیله جوملا میتوان جزئیات بیشتر و دقیق تری را به وبسایت اضافه کرد.وبسایت های خبری معمولا از جوملا استفاده میکنند به دلیل جزئیات بیشتری که دارند،استفاده از جوملا برای آنها منطقی تر است.

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

در ابتدا به معرفی خواص جوملا میپردازیم،خود خواص را معرفی میکنیم و سپس به سراغ وردپرس میرویم و همان خواصی که برای جوملا بررسی کردیم برای وردپرس هم انجام میدهیم…
جوملا آری یا خیر
اگر میخواهید شبکه اجتماعی،اتاق خبری،انجمنها وفروم ها،مقالات و از این دست سبکها بهتر است از جوملا استفاده کنیم.ایجاد کردن ساختار جهت دهی(Navigation ) کاربران در جوملا آسان است.جهت دهی یا Navigation به مواردی مانند منوها بالا یا منوهای کناری و فوتر میگویند که کاربران را از صفحه و مطلبی به صفحه ومطلبی دیگر هدایت میکند.
در جوملا میتوان برای مقالات تاریخ انقضا و تاریخ انتشار به طور اتوماتیک،نام نویسنده در نظر گرفت. این شرایط به ادمین ها قدرت زیادی میدهد و خیلی از کارها را به صورت اتوماتیک انجام میدهد.البته برای یادگیری جوملا باید مطالعه فراوان داشت.
جوملا به صورت پیش فرض زبانهای مختلف را پشتیبانی میکند و میتومان یک سایت همزمان با چند زبان مختلف داشت.این اتفاق بسیار خوب است اما استفاده از آن به همین راحتی نیست؛هرچند استفاده از این قابلیت به پیروی و اجرای یک سری اعمال نیازمند است که نیاز به دانش دارد اما استفاده از آن قدرت زیادی به طراحان میدهد.
افرادی که علاقه ای به ساختن قالب و پوسته ندارند و نمیخواهند زمان خود را صرف اینکار کنند،میتوانند از سایتهای معتبر قالب ها را با قیمت منطقی خریداری کنند.جوملا دو نوع قالب دارد که شامل قالب های بخش مدیریت و قالب های ظاهری وبسایت است.قالب های جوملا برای دریافت مرجع مشخصی ندارد و برای دریافت قالبهای جوملا که اکثر آنها رایگان هستند باید در اینترنت جستجو کنیم.
بیش از ۸۰۰۰ پلاگین وافزونه و قالب برای جوملا در دسته بندی های حمل ونقل،تجاری و فرم های ارتباط وجود دارد.ویژگی هایی مانند اسلایدر جزء پلاگین های جوملا محسوب میشوند.افزونه ها اجزایی هستند که معمولا در ظاهر سایت تاثیر ندارند بلکه بیشتر به افزایش عملکرد وبسایت کمک میکند مانند درگاه های بانکی.
ویژگی بعدی که سیستم مدیریت محتوای جوملا دارد،ماژولها هستند.ماژول ها معمولا بیشترین سهم را در قسمتهای کناری وبسایت دارند.ماژولها اجزای کوچکی هستند که روی وبسایت نمایش داده میشود و به وبسایت ویژگی های جالب و کاربردی میدهد.اخبار آنلاین و RSS ،جستجو،آمار سایت و … برخی از ماژول های وبسایتهایی است که با جوملا کار میکنند.جوملا این قابلیت را دارد که در مرورگرها بتوان جایگاه های ماژول ها را مشاهده کرد تا راحت تر بتوان آنها را جایگذاری کرد.
تمامی سیستم های مدیریت محتوا برای اضافه کردن محتوا و متن به رابط کاربری و تولید محتوا نیازمندند تا بتوان از آن طریق متن،انواع فایل ها،عکسها،ویدئوها را روی وبسایت قرار داد.
رابط کاربری در پنل مدیریتی جوملا بسیار منظم و شکیل است و وجود برخی از دکمه ها به صورت رنگی متفاوت وجود دارد که باعث طراوت این قسمت ها میشود.در رابط کاربری جوملا به راحتی میتوان مقالات را ویرایش،اضافه،حذف،دسته بندی کرد.
در جوملا زمانی که به روز رسانی آن منتشر میشود حتما باید برای حفظ امنیت آن به روزرسانی را انجام داد،در غیر اینصورت وبسایت به صورت جدی با خلا امنیتی رو به رو میشود.
وردپرس آری یا خیر
یک سیستم محبوب نزد تازه کاران است.برای شروع کار پلتفرمی بسیار آسان که درک اجزای آن کار خیلی سختی برای افراد علاقه مند به طراحی سایت نمیتواند باشد را داراست.وردپرس در ابتدا فقط برای طراحی وبلاگ آمد اما رفته رفته به تکامل رسید و اسم خود را سر زبانها انداخت،و اکنون میتوان وبسایتهایی منظم بدون دانستن هیچ علمی از Html (دقیقا مانند جوملا) را طراحی کرد.
همانند جوملا میتوان صفحات و پست ها را ایجاد کرد،از پلاگین ها و افزونه ها استفاده کرد و بسیاری عملیات های دیگر…
وردپرس ساختار و سیستمی وبلاگی دارد،این امر باعث میشود گوگل که علاقه بیشتری به این نوع وبسایت ها دارد،نمره و رتبه بهتری را برای آنها در نظر بگیرد.این خاصیت یکی از برتری های وردپرس نسبت به جوملا می باشد.برخلاف جوملا که به یادگیری و صرف زمان تقریبا زیادی نیاز دارد،وردپرس به زمان و آموزش های پیشرفته همانند جوملا و حتی تجربه در زمینه وبلاگ نیاز ندارد.
نصب آن بسیار آسان است و میتواند در عرض دو روز در لیست گوگل قرار بگیرد که این زمان برای جوملا تقریبا ۷ روز زمان میبرد که البته با پیاده سازی تکنیکهای سئو این زمان برای جوملا میتواند کاهش یابد.هر کسی در چند ساعت میتواند طریقه پست گذاشتن،ایجاد دسته بندی و… را بیاموزد.
وردپرس مانند جوملا از زبانهای مختلف پشتیبانی نمیکند و برای اینکار باید از پلاگین ها که بدین منظور تولید شده اند استفاده شود.این پلاگین ها معمولا زبان ها را به زبان های موردنظر ترجمه میکنند.
مدت زمان انتشار بروزرسانی ها برخلاف جوملا به ندرت است و مدت زمان بیشتری طول میکشد تا بروزرسانی های بعدی منتشر شود.
با وردپرس میتوان بخشها و آیتم های مختلف هر قالبی را ویرایش کنید.قالب های مختلفی هم به صورت رایگان و هم با پرداخت هزینه مانند جوملا میتوان دریافت کرد.
زمانی که وردپرس را نصب میکنید،در خود سیستم وردپرس بالغ بر ۳۶۰۰۰ افزونه وجود دارد.افزونه ها و پلاگین ها در وردپرس دست طراحان را بسیار باز میگذراند.افزونه هایی مانند فروشگاه ساز آنلاین(WooCommerce )،ساختن فروم و انجمن،یا همان درگاه اینترنتی مواردی هستند که میتوانید از بخش افزونه های سیستم دریافت کنید.در وردپرس میتوانید در کدهای افزونه ها دست ببرید و آنرا بنا به سلیقه یا نیاز خود شخصی سازی کنید.تعداد افزونه های وردپرس بیشتر و قدرتمندتر از پلاگین های سیستم های دیگر است.
ابزارک ها همان ماژول ها در جوملا هستند.در این سیستم مدیریت محتوا میتوان با Drag & Drop کردن ابزارک ها را در جای دلخواه و مناسب قرار داد.در واقع بخش ابزارک در وردپرس به دو بخش تقسیم میشود؛در سمت راست صفحه ابزارک ها،نوع ابزارکها ودر بخش چپ جایگاه قرارگیری ابزارک ها وجود دارد.نوع ابزارک را از سمت راست برداشته و در جایگاه مورد نظر که در سمت چپ واقع شده قرار میدهیم.ابزارک هایی مانند بنرهای تبلیغاتی،آخرین نوشته ها،برچسب ها،جستجو،تقویم و… از ابزارک های پرکاربرد در وردپرس است.البته اکثر ابزارک هایی که در وردپرس وجود دارد به عنوان ماژول در جوملا هم میباشد.
رابط کاربری و تولید محتوا در وردپرس زیبایی و نظم و ترتیب جوملا را ندارد اما کارکردن با آن بسیار ساده است.زمانی که وارد پنل اصلی(Dashboard ) وردپرس شوید منوها در ساید بارها وجود دارد اما در جوملا منو در بالای صفحه چیده شده اند.دروردپرس هم میتوان به راحتی نوشته یا برگه و محتوا را ویرایش،حذف یا اضافه کرد.ویرایشگرهای جوملا و وردپرس هر دو از ویرایشگرهای قدرتمند دیداری بهره میگیرند.
بهترین و اولین راهکار برای حفظ امنیت وبسایت همانطور که در مورد جوملا گفته شد،به روز بودن سیستم مدیریت محتواست.به روز کردن سیستم مدیریت محتوا در وردپرس بسیار آسان است و از قسمت پیشخوان وردپرس بسیار آسان است.
معایب جوملا
وارد کردن و انتقال مقالات از سایتهای دیگر یا برخی نرم افزارها به جوملا به راحتی وردپرس نیست،البته افزونه هایی برای اینکار وجود دارد که تقریبا اینکار را به خوبی انجام میدهد.
جوملا به صورت دوره ای و معین بروزرسانی های بسیار بزرگی را منتشر میکند.این بروزرسانی های بزرگ در اکثر مواقع باعث میشود که افزونه ها دچار مشکل شوند و به هم بریزند،ضمن اینکه انتقال اطلاعات از نسخه های قدیمی جوملا و مهاجرت به نسخه های جدید کار بسیار سختی است،و زمان زیادی را به خود اختصاص میدهد.البته طبق گفته جوملا این اتفاق از نسخه ۴و۳ آسانتر شده است،چون جوملا متوجه شد که این کار سخت باعث شد تا خیلی از کاربران جوملا به سمت وردپرس بروند.
معایب وردپرس
اضافه کردن یا حذف کردن تاریخ پست ها نیاز به دانستن دانش اسکریپتی وردپرس دارد تا بتوان حالت طراحی را تغییر داد.در صورتی که درجوملا این مسائل وجود ندارد زیرا تمامی منوها،کنترل دارند و میتوان آنها را دلخواه و به راحتی تنظیم کرد و فعال یا غیرفعال کرد؛جزئیاتی مانند تاریخ،نام نویسنده و … به ازای هر مقاله میتوان تنظیم کرد.
تغییر ترتیب پستها در وبسایت نسبت به جوملا کمی سخت تر است.
نتیجه گیری
فرآیند نصب هر دو تقریبا یک شکل است و برای نصب هر کدام از این سیستم های مدیریت محتوا نیاز است.در ۳مرحله کلی باید برای ورود به پنل وبسایت خود اسم کاربری و رمزعبور ایجاد کنیم،یک پایگاه داده ایجاد کنیم برای ذخیره اطلاعات وبسایت،سپس باید تنظیمات و تغییراتی را در پایگاه داده ایجاد کنیم و آن را به اسم کاربری Assign کنیم و تعریف کردن نام دامنه در پایگاه داده.
کسب توانایی در جوملا پیچیده است.مراحل عمیق در جهت یابی(Navigation )مانند منوها،اجزاء تو در تو،دسته بندی های قوی تر و…از قدرت های جوملا میباشد،در صورتی که وردپرس تفاوت چندانی میان صفحات و پست ها در نظر نمیگیرد و حالت وبلاگی خود را حفظ کرده است.
در مقابل کارکردن با وردپرس آسان است.استفاده از پلاگینها(افزونه ها) که تعداد آن برای وردپرس زیاد هم است،میتواند باعث گسترش و بهبود عملکردهای وبسایتهای وردپرسی شود.راحتی و کاربردی تربودن وردپرس باعث شده است تا وردپرس بالای ۶۰درصد از سهم بازار را به تنهایی به خود اختصاص داده است.
به طور کلی میتوان ۳تفاوت کلی میان وردپرس و جوملا در نظر گرفت

• جوملا از چندین زبان پشتیبانی میکند.ادمین میتواند از قسمت مدیریت زبان،زبان موردنظر محتوا را انتخاب کند.البته وردپرس هم افزونه های فوق العاده ای برای این منظور دارد که باعث میشود وردپرس تقریبا در این موضوع چیزی از جوملا کم نداشته باشد.
• نرم افزار موبایلی برای ادمین.وردپرس یک نرم افزار موبایلی به صورت پیش فرض برای ادمین ها دارد.
• جوملا یک واحد آزمایش کردن(تست کردن)دارد.که به طراحان کمک میکند تا مواردی که در سایت به خوبی کار میکنند و یا بالعکس را مشاهده کنند.البته بازهم برای وردپرس افزونه تست و بهینه سازی وجود دارد…
• جوملا از MySQL,MS SQLوPostgreSQL پشتیبانی میکند،درصورتی که وردپرس تنها از MySQL .

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

 جوملا یا وردپرس

5 روش در سئوی محلی

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

به تگ های عنوان و توصیفات توجه کنید

تگ های عنوان و توصیفات یا title and meta description یه سری عناصر HTML اند که میتونید با بهینه سازیشون محتوای صفحه وب رو انعکاس بدید. متن تگ های عنوان و توصیفات روی صفحه نتایج گوگل یا هر موتور جستجوی دیگه ای نمایش داده میشه. وقتی شما عبارتی رو گوگل میکنید و صفحه نتایج ظاهر میشه، لینک های آبی همون تگ های عنوان اند و توضیحی که زیرش نوشته شده تگ توصیفاته. پارسال گوگل عرض منطقه ای که توش نتایج رو نمایش میده بیشتر کرد و الآن 600 پیکسل شده. بخاطر همین هم حالا 50 تا 60 کاراکتر تو تگ عنوان جا میشه. تگ توصیفات هم تقریبا 160 تا 200 کاراکتر رو نمایش میده. از این فضایی که در اختیار دارید باید به نحو احسن در جهت جلب مشتری استفاده کنید. ولی مواظب باشید تعداد کاراکترهاتون از این مقدار بیشتر نشه، وگرنه تو نتایج سرچ نصفه و نیمه نمایش داده میشه.
اگه سایت وردپرسی دارید و نمیدونید تگ عنوان و توصیفاتتون چطوری دیده میشن یا چند تا کاراکتر دیگه میتونید بهش اضافه کنید میتونید از ابزارهایی شبیه سازمثل SEOmofo یا Yoast’s SEO Plugin استفاده کنید.
عنوان و توصیفات نوشتن تو دنیای سئو یه هنره. تو دریای رقابتی که تو نتایج سرچ وجود داره، اگه این متن خاص و جذاب نباشه و نتونه از عهده توصیف مناسب محتوای صفحه بربیاد، نمیتونید زیاد کلیک بگیرید. به جز این، حتی یه کلمه یا کاراکتر اضافی باعث میشه نوشته تون نصفه ظاهر بشه و گوگل به جای قسمت اضافی آخرش سه تا نقطه میذاره. البته خیلی فاجعه ای هم نیست ولی خب حرفه ای هم نیست، به خصوص اگه از وسط جمله قطع بشه دیگه عنوان و توصیفاتتون اثرگذاری خودشو نداره.
پس این فضا خیلی باارزشه و هر یک کاراکتر حساب میشه. برای اینکه بتونید بهتر از این فضا استفاده کنید، این نکات رو رعایت کنید:

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

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

دایرکتوری های آنلاین

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

بهینه سازی گوگل مای بیزنس

Google My Business هم یه دایرکتوری به حساب میاد اما بزرگتر از دایرکتوریه. شرکتهای محلی باید حتما صفحه گوگل مای بیزنس شونو فعال کنند. فعال سازیش رایگانه و اگه درست بهینه سازیش کنید تأثیر خیلی زیادی در دیده شدن در فهرست محلی گوگل داره.
برای گرفتن صفحه گوگل مای بیزنس برید به آدرس google.com/business . باید یه پروسه تأییدیه رو بگذرونید تا گوگل یه کارت پستی با یه پین به محل شرکتتون بفرسته. بعد میتونید پین رو وارد کنید و شرکتتونو تأیید کنید.
چون گوگل میخواد از قانونی بودن شرکت و اینکه شما خودتون مالک شرکت هستید مطمئن بشه حتما باید این پروسه تأییدیه رو طی کنید. لطفا دقت داشته باشید که فقط مالک شرکت میتونید صفحه گوگل مای بیزنس بگیره. اگه سئوی شرکتتونو به یه آژانس بازاریابی دیجیتال سپردید، میتونید بهشون این اجازه رو بدید که مدیر صفحه تون باشند. به این ترتیب اگه بعدا هم رابطه کاریتونو با اون آژانس بهم زدید میتونید کنترل کارها رو خودتون به دست بگیرید.
قدم بعدی اینه که گوگل مای بیزنس تونو بهینه سازی کنید. برای این کار باید دسته بندی، توضیحات، ساعتهای کاری، نوع پرداختهای قابل قبول و غیره رو بدرستی توی صفحه تون وارد کنید. در ضمن باید لوگو و عکسهای شرکت، محصولات یا خدماتتونو آپلود کنید. (پیشنهاد میکنم حداقل 3 عکس آپلود کنید.)
تمام قسمتها رو یکی یکی به طور کامل پر کنید تا صفحه تون کامل باشه. اگه شرکتتون خدماتیه و یه محلی ندارید که مشتریها بتونن مراجعه کنند، موقع تنظیم گوگل مای بیزنس یه گزینه ای داره که میتونید آدرس محل شرکتتونو پنهان کنید.
بینگ هم یه صفحه مشابه صفحه گوگل مای بیزنس داره که شرکتهای محلی میتونن اونجا شرکتشونو ثبت کنند. برای ثبت شرکتتون در بینگ به صفحه  Bing Places for Businessبرید. فرایند کار خیلی شبیه گوگل مای بیزنسه.

اهمیت نظرات آنلاین

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

• Reputation Loop
• Get Five Stars
• Trust Pilot
• Vendasta

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

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

میتونید به کد وب سایتتون مارک آپ یا نشانه گذاری داده های سازمان یافته – که معمولا بهش نشانه گذاری طرح یا schema.org markup هم میگن – اضافه کنید تا موتورهای جستجو بتونن اطلاعات بیشتری در مورد شرکتتون داشته باشند. اطلاعاتی مثل محصولاتی که میفروشید، نظراتی که جمع کردید، خدماتی که ارائه میدید و مانند اینها.
فقط 31/3 درصد سایتها از این مارک آپ استفاده میکنند و اکثرا هم فقط از ساده ترین نوعش استفاده میکنند. شما میتونید با اضافه کردن نشانه گذاری داده های سازمان یافته در قسمتهای مناسب سایتتون، براحتی شرکتتونو برجسته کنید (و به احتمال زیاد به این طریق بالاتر از رقباتون رتبه بگیرید).
اینطوری اسپایدرهای گوگل بهتر میتونن موضوع محتوای سایتتونو تعیین کنند. گوگل حتی در نظر داره یه ابزار تست داده های سازمان یافته هم بذاره تا بتونید درستی مارک آپ تونو چک کنید.
اگه با کدنویسی مشکل دارید میتونید با Data Highlighter گوگل با استفاده از ماوس محتواتونو مارک آپ کنید. (برای کار کردن با این برنامه باید کنسول سرچ گوگل تونو تنظیم کرده باشید).
با بکارگیری این پنج نکته میتونید کار سئوی محلی شرکتتونو شروع کنید و کم کم از رقباتون بالا بزنید. همین امروز شروع کنید.

5 روش در سئوی محلی

Ajax چیست و چگونه کار می کند

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

زیرا زمانی که کاربر بر روی کلید ارسال کلیک می نماید صفحه جدید باز می شود, طراحی سایت سنتی مدت زمان بیشتری را از کاربر می گرفت و مورد پسند کاربران نیز نبود. توسط ajax سایت توسط javascript به صورت مستقیم با سرور در ارتباط می باشد, که این کار از طریق آبجکت JavaScript XMLHttpRequest انجام می شود.

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

تصویر زیر نحوه عملکرد Ajax را نمایش می دهد:

کاربر درخواستی را انجام می دهد و در پس زمینه فرآیندها انجام می شود و سپس در لایه ای به درخواست کاربر پاسخ داده می شود, که محعمولا توسط ID شناخته می شود, بدون لود کامل صفحه. به عنوان مثال یک لایه با این آی دی:

<div id=”ajaxResponse”></div>

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

 

1. ساخت XMLhttpRequest

مرورگرهای مختلف روش های متفاوتی برای ساخت XMLHttpRequest دارند. اینترنت اکسپلورر از ActiveXObject استفاده می نماید, در صورتی که سایر مرورگرها از XMLHttpRequest که تابع داخلی جاوا اسکریپت می باشد استفاده می نمایند.

برای آنکه این آبجکت ساخته شود و با مرورگرهای مختلف سازگاری کامل داشته باشد می بایست از “try and catch” استفاده نمایید.

function ajaxFunction()
{
var xmlHttp;
try
{
// Firefox, Opera 8.0+, Safari
xmlHttp=new XMLHttpRequest();
}
catch (e)
{
// Internet Explorer
try
{
xmlHttp=new ActiveXObject(“Msxml2.XMLHTTP”);
}
catch (e)
{
try
{
xmlHttp=new ActiveXObject(“Microsoft.XMLHTTP”);
}
catch (e)
{
alert(“Your browser does not support AJAX!”);
return false;
}
}
}

2. ارسال درخواست به سرور

برای ارسال درخواست به سرور, ما از متدهای open() و send() استفاده می نماییم.

متد open() سه آرگومان می پزیرد. ا.ولین آرگومان تعیین می نماید از چه روشی درخواست ارسال می گردد (GET یا POST). دومین آرگومان مکان اسکریپت را برای اجرا مشخص می نماید. سومین آرگومان مشخص می نماید درخواست چگونه می بایست اجرا شود. متد send() درخواست را به سرور ارسال می نماید.

xmlHttp.open(“GET”,”time.asp”,true);
xmlHttp.send(null);

3. نوشتن اسکریپت سمت سرور

responseText داده هایی که از سرور پاسخ داده می شود را نگهداری می نماید. در اینجا ما می خواهیم زمان حال را نمایش دهیم. کد سایت “time.php” چیزی است شبیه به این:

<%
response.expires=-1
response.write(time)
%>

4. استفاده از پاسخ

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

xmlHttp.onreadystatechange=function()
{
if(xmlHttp.readyState==4)
{
document.myForm.time.value=xmlHttp.responseText;
}
}
xmlHttp.open(“GET”,”time.asp”,true);
xmlHttp.send(null);
}

5. کامل کردن کد

و شما می بایست تصمیم بگیرید چه زمانی AJAX اجرا می شود. در این مثال AJAX اجرا خواهید شد زمانی که کاربر در باکس متن تایپ می نماید. مثال در کد پایین می باشد:

<html>
<body>

<script type=”text/javascript”>
function ajaxFunction()
{
var xmlHttp;
try
{
// Firefox, Opera 8.0+, Safari
xmlHttp=new XMLHttpRequest();
}
catch (e)
{
// Internet Explorer
try
{
xmlHttp=new ActiveXObject(“Msxml2.XMLHTTP”);
}
catch (e)
{
try
{
xmlHttp=new ActiveXObject(“Microsoft.XMLHTTP”);
}
catch (e)
{
alert(“Your browser does not support AJAX!”);
return false;
}
}
}
xmlHttp.onreadystatechange=function()
{
if(xmlHttp.readyState==4)
{
document.myForm.time.value=xmlHttp.responseText;
}
}
xmlHttp.open(“GET”,”time.asp”,true);
xmlHttp.send(null);
}
</script>
<form name=”myForm”>
Name: <input type=”text”
onkeyup=”ajaxFunction();” name=”username” />
Time: <input type=”text” name=”time” />
</form>
</body>
</html>

---

نویسنده این مقاله Ahmad Balavipour می باشد که از سال 1381 تا کنون در زمینه طراحی و بهینه سازی وب سایت فعالیت دارد. 

دارکوب

4 نکته برای اطمینان از تولید محتوای متناسب با سئو

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

عوامل کاربردی خود را بشناسید :

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

برنامه ریزی برای محتوای باکیفیت:

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

طراحی برای کشف محتوا :

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

برای طراحی مجدد هوشیار باشید :

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

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

4 نکته برای اطمینان از تولید محتوای متناسب با سئو 

طراحی قالب گرافیکی وب سایت چگونه است؟

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

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

قالب وبسایت چیست؟
قالب وبسایت در واقع یک بستر و محیط از پیش طراحی شده است که براساس نوعی که دارد(تجاری،سرگرمی،اتلیه،فروشگاهی یا…) یکسری امکانات وشکل ظاهری پیشفرض و از پیش طراحی شده دارند،که کار طراحان سایت را راحت تر کرده اند.این قالب در اختیار طراحان سایت وبرنامه نویسان وب قرار میگیرد وانها براساس درخواستها و نیازهایی که دارند انرا ویرایش یا تکمیل و یا از ابتدا طراحی مجدد میکنند.نامهای دیگر قالب وبسایت،قالب صفحه وب ویا قالب صفحه گویند.قالب وبسایت یک پل ارتباط دهنده بین محتوا وظاهر سایت با زیرساخت یک وبسایت که شامل زبانهای برنامه نویسی همانند HTML ،CSS  است.
در واقع قالب وبسایت یک طرح گرافیکی است که چه به صورت خام وچه به صورت تغییریافته توسط طراح سایت در تمامی صفحات سایت تکرار میشود. در طراحی قالب گرافیکی وبسایت میتوان از متنها با زبانهای مختلف،عکس ها در فرمتها و شکلهای گوناگون(دایره،مربع،مستطیل و…) با دقت بالا،بنرها یا عکس های پس زمینه با کیفیت بالا استفاده کرد.طراحان وبسایت میتوانند تمامی اینکارها و بسیاری از کارهای دیگر را بر روی قالبهای گرافیکی انجام دهند که همه اینها باعث زیبایی سایت و دقت ان با جزئیات بالا میشود؛وجالب تر از ان اینست که هیچ نیازی به دانستن علم برنامه نویسی نیست.حتی برخی قالبهای اماده هستند که افرادی که فقط میخواهند یک سایت کوچک و اولیه داشته باشند یا یک وبلاگ جهت اطلاع رسانی یا اتاق فکر وانجمن انلاین وکارهایی از این دست،میتوانند با کمی اموزش انهارا طراحی و استفاده کنند.
اما طراحی های حرفه ای وهدفمند وسوداور به همین سادگی نیست ونیازمند فنون طراحی قالب گرافیکی میباشد.طراحی اولیه قالب گرافیکی مناسب مستلزم حضور حداقل یک طراح سایت،یک برنامه نویس وب ویک گرافیست اشنا با فوتوشاپ و یا کورل است.یک وبسایت حرفه ای نشانه ای از اعتبار،تجربه وتوانایی شما برای مشتری است.
پس دریافتیم که طراحی قالب گرافیکی وبسایت مقوله مهم و حیاتی در کشاندن  بازدید کننده به داخل وبسایت میباشد؛به طور میانگین یک بازدیدکننده در ۲۰ثانیه  تصمیم میگیرد که در سایت بماند و ادامه فعالیت و زمان خود را در اینجا صرف کند یا خیر.موارد اصلی که در گرافیک طراحی حرفه ای مهم هستند به این ترتیب میباشند:
روانشناسی رنگهای مناسب:بسته به گروه سنی،اخلاقی،جنسیتی که با سایت در تماس اند انتخاب میشود و در ماندگاری بیننده در سایت تاثیر مستقیم دارد.
استفاده از شماتیک و علائم واضح و مرتبط:سرعت اشنایی بازدید کننده از سایت را بالا میبرد و از گنگی سایت و سردرگمی وی جلوگیری میکند.باید چنان فکر کنیم که گویی کاربران سایت ما برای بار اول است که وارد یک وبسایت میشوند و ما باید مانند شهرک ترافیک برای رانندگان مبتدی،از علائم مناسب برای هدایت بیننده استفاده کنیم.
چینش صحیح اجزا:استفاده از منوهای مناسب در مکانهای مناسب،استفاده از منوهای بازشونده یا همان کرکره ای،چینش اصولی و به ترتیب منوها و…
حال با توضیحات ارائه شده و اشنایی با اهمیت قالبهای گرافیکی وبسایتها به سراغ تشریح قالبهای وبسایت و مراحل طراحی قالب گرافیکی میپردازیم.برای اطلاعات بیشتر بهتر است بدانید که به قالب پوسته هم گفته میشود.
انواع طراحی قالبهای گرافیکی وبسایت:

۱-طراحی استاتیک:این طراحی یک وبسایت با عرض ثابت میدهد و اگر اندازه مرورگر را تغییر دهیم،صفحه وبسایت تغییر نمیکند و براساس ان مقیاس در نمی اید پس مقیاس پذیر نیست.این نوع سایتها نسبت به سایتهای دیگر سبک تر و سریعتر است.وبسایتهای استاتیک میتوانند یک صفحه تا هزاران صفحه را پوشش دهند.
۲-طراحی دوبعدی(Flat Design ) : یک طراحی ساده و محتوا محور است که از تکنیکهای گرافیکی کم بهره میبرد و ارائه اطلاعات برای این سبک از طراحیها در اولویت است.
۳-طراحی داینامیک(پویا): وبسایتهای پویا میتوانند از ساده تا خیلی پیچیده طراحی شوند که بستگی به نیاز مشتری یا مدیر سایت دارد.طراحی وبسایت پویا میتواند با زبانهای برنامه نویسی   .NET , Javascript , PHP , JQuery  و… انجام شود.همچنین همانطور که قبلتر گفته شد به وسیله سیستمهای مدیریت محتوا نظیر WordPress  یا Joomla  اضافه کردن محتوا و مدیریت انها بسیا ر اسان است.
۴-طراحی تک صفحه ای(One Page Design ): در این شیوه زمانی که یک فهرست یا دسته را انتخاب میکنیم به جای اینکه مطلب ارائه شده و فهرست در صفحه جدیدی باز شود بلکه در همان صفحه در جای دیگر ان،مطلب را نمایش میدهد.بای مثال شما روی منوی تماس با ما کلیک میکنید،به جای اینکه همان صفحه عوض شود ویا صفحه تماس با ما در برگه جدیدی در مرورگر باز شود؛صفحه ای که در ان هستید شما را کمی پایینتر هدایت میکند و مطلب را نمایش میدهد.
۵-طراحی ریسپانسیو(Responsive Design ) : در این طراحی وب در تمامی مرورگرها و نسخه های موبایلی  بدون اینکه به هم ریختگی و یا اسکرول اضافه صفحه وبسایت همانطور که در کامپیوترهای شخصی به نمایش در می اید،تصاویر ارائه میشود.این طراحی به وسیله کدنویسی CSSوHTML انجام میشود.با توجه به اینکه تعداد کاربران استفاده کنندگان از اینترنت که از طریق موبایل وارد وبسایت میشوند از استفاده کنندگان از کامپیوترهای شخصی پیشی گرفته است،لذا به نظر میرسد بکارگیری نسخه موبایلی ناگزیر و الزامی است.
۶-طراحی انیمیشنی(Animated Design ) : این سبک طراحی همانطور که از اسمش پیداست دارای تصاویر متحرک و پویاست که باعث جذابیت بیشتر این سایتها نسبت به سایتهای دیگر است.در گذشته ای نه چندان دور در این طراحیها یرای نمایش تصاویر متحرک از فلش استفاده میکردند که باعث سنگینی و کند شدن سایتها میشد،اما امروزه از HTML,CSS  ویا کتابخانه های جاوا اسکریپت استفاده میکنند.
۷-طراحی سه بعدی( ۳D Design ): نوعی طراحی خاص است که فضای ۳بعدی را برای مشتری تداعی میکند و از کیفیت تصویری و جذابیت بالایی برخوردار است.علاوه بر جذابیتهای بصری در چند سبک از سایتها کاربرد ویژه ای دارد.برای مثال میتوان سایتهای فروش بلیط کنسرت را مثال زد که در ان با انتخاب جایگاه خود در سالن،نمایی رو به استیج خواننده برای شما به صورت ۳بعدی نمایش داده میشود.

یک قالب وبسایت شامل چه چیزهایی میتواند باشد؟
یک قالب گرافیکی وبسایت میتواند شامل متن،عکس با فرمتهای .jpg , .png , .gif ،پویانمایی , CSS JQuery ،سبد خرید،فرم تماس،تصاویر متحرک واسلایدها،لینک دانلود فایلها برای مثال فایل PDF و پخش کننده های ویدئویی و… تنها بخشی از قابلیتها و ویژگیهای م.جود در یک قالب گرافیکی وبسایت است.
طرحهای وبسایتهای مختلف و ویژگیهای بکار گرفته شده در قالبها از مشتری به مشتری متفاوت است.برای همین قبل از اینکه طراحی قالب گرافیکی وبسایت را اغاز کنند،براساس نیازهایی که برای پروژه دارند مانند اسکریپتها و برنامه های مورد نیاز،باید قالب را انتخاب کنند.همچنین متنها و عکسها میتوانند توسط خود طراح و توسعه دهنده ویا مشتری اضافه شوند ویا در صورت نیاز ویرایش ویا کلا تغییر کنند.

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

مراحل طراحی قالب گرافیکی وبسایت

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

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

۳٫خرد کردن صفحه وشطرنجی کردن ان(شبکه بندی)
این مرحله توسط خیلی از طراحان در داخل کشور همانند مرحله اول انجام نمیشود در صورتی که شماری از دلایل ضعیف بودن سایتها به دلیل طی نکردن این دو مرحله است.شبکه بندی طرح به شما کمک میکند که بتوانید بهتر تشخیص دهید که کدام ویژگیها وامکانات باید در کجای صفحه قرار گیرند.همچنین این مزیت را به شما میدهد که بتوانید یک سایت پویا تولید کنید بدون اینکه دیگر نگران اندازه ها وتغییر دادن سایزها و این دست از مسائل باشید.

۴٫انتخاب فن چاپ و نوشتار
بخش مهم بعدی نوع و فونت حروف وهمچنین رنگهای ان است.پیشنهاد میشود که در طراحی های قالب از بیش از دو نوع حروف(چند نوع فونت و استفاده از رنگهای مختلف در حروف)استفاده نکنید.فونت ها و رنگها باید در عین شکیل بودن خوانا باشند.

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

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

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

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

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

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

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

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

به چه ابزارهایی نیاز داریم؟
-به یک نرم افزار ویرایشگر قدرتمند نظیر فوتوشاپ نیاز داریم.
-نرم افزار تولیدکننده کد همانند Dreamweaver
-شناخت نسبی دستورهای HTML
-شناخت نسبی با کدهای CSS 
–استفاده از ویرایشگرهای استاندارد(IE+7 , FireFox )
هر وبسایت حداقل از ۴ بخش تشکیل میشود که طراح قالب گرافیکی باید انهارا طراحی کند که شامل بخشهای Header , Content , Sidebar , footer میباشد.

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

طراحی قالب گرافیکی وب سایت 

طراحی سایت با امکانات سایت دیوار

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

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

معرفی دیوار
زمانیکه “دیوار” را نصب می کنید و آن را باز می کنید، شما مستقیما به منوی اپلیکیشن وارد شده و می توانید فعالیت خود را بدون نیاز به هیچ گونه ثبت نام و ایجاد حساب کاربری آغاز کنید. پس از ورود به اپلیکیشن و انتخاب شهر مورد نظر خود، صفحه آگهی ها در موضوعات مختلف به سرعت برای شما باز می شود. دیوار از لحاظ ظاهری بسیار شکیل، اما ساده و جمع و جور است و کار با آن بسیار ساده است و هیچ گونه تبحری نمی‌خواهد.
دیوار به لطف رابط کاربری جذاب و روان خود موفق شده تا تجربه بهتری را از خرید و فروش در اختیار کاربران قرار دهد. این موضوع در نهایت منجر به آن شده تا در دیوار شاهد تعداد کاربران بیشتری باشیم. کاربرانی که حضورشان تنوع و تعداد آگهی ها را بالا می برد و محیطی پویاتر را برای دیوار رقم می زند.
دیوار برای استفاده رایگان بوده و برای سیستم عامل های اندروید و iOS در دسترس اند.
سایت دیوار با cms اختصاصی و تحت زبان برنامه نویسی php طراحی و ایجاد شده است. ویژگی بسیار مهم دیگر طراحی سایت دیوار ریسپانسیو بودن آن است.

قابلیت های طراحی سایت دارکوب

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

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

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

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

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

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

امکانات طراحی سایت دارکوب

• قابلیت ایجاد سیستم مدیریت
• قابلیت تاریخ شمسی در سیستم
• قابلیت ایجاد صفحه جدید
• قابلیت ارسال نظرها
• قابلیت ثبت آگهی بدون نیاز به عضویت کاربران
• قابلیت مشخص نمودن قیمت کالا یا خدمات یا کار
• قابلیت نصب افزون های بیشتر
• قابلیت چند زبانگی سایت (پشتیبانی زبان پارسی)
• قابلیت عضویت و ورود کاربران
• قابلیت جستجو حرفه ای چند گانه (جستجو میان آگهی ها)
• قابلیت جستجوی آگهی بر اساس موقعیت مکانی
• قابلیت نمایش موقیت مکانی درگوگل مپ
• قابلیت جلوگیری از سیستم هرزنامه
• قابلیت نمایش جزئیات آگهی
• قابلیت نمایش آخرین آگهی ها
• قابلیت دسته بندی کردن آگهی ها
• قابلیت تماس با آگهی دهنده ها
• قابلیت تغییرات در قالب ایمیل ها
• قابلیت مدیریت رسانه ها
• قابلیت آمارگیری دقیق
• قابلیت ایجاد سایت های تبلیغاتی (آگهی اینترنتی) و کاریابی و …
• قابلیت توقیف کاربران
• قابلیت دسته بندی آگهی ها، کالا ها و مشاغل
• قابلیت ایجاد نقشه سایت
• پشتیبانی از UTF-8

و امکانات فراوان دیگر…

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

طراحی سایت با امکانات سایت دیوار

سئو در طراحی سایت ریسپانسیو

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

.در آن زمان ها اغلب نمیشگرها دارای با عرض ثابت بودند و همچنین تلفن های همراه قابلیت استفاده از فضای مجازی را نداشتند . همچنین با ورود نمایشگرها با عرض های مختلف وقتی وب سایتی را باز میکردند دو طرق آن فضای خالی بود .رفته رفته این مسئله برای طراحان به چالشی تبدیل شد زیرا با اضافه کردن عرض به صورت ثابت این مشکل حل نشد چون نمایشگرهای عادی با مشکل نمایش اسکرول عمودی روبه شدند و این موضوعات باعث نارضایتی کاربران میشد . با ورود تلفن های هوشمند طراحان مجبور شدند نسخه هایی فقط برای تلفن های همراه ایجاد کنند اما این کار به هیچ عنوان مناسب نبود . زیرا صفحه نمایشگر تلفن های هوشمن نیز در سایز های مختلف هستند و همچنین مشکل نمایشگرهای رو میزی حل نشده بود . طراحان باید صفحات وب سایت را به طوری طراحی میکردند که با تغییر اندازه نمایشگرها محتوای آن حفظ میشد و منوها و عکس ها مناسب با همان سایز نمایش داده می شد . تا اینکه در سال 2010 Ethan Marcotte در مقاله ای تحت عنوان "Responsive web Design " نظریه ای نسبتا ساده مطرح کرد . طبق این نظریه به طور مثال بجای اینکه اگر یک صفحه وب را 800 پیکسل در نظر بگیرند عناصر آن صفحه را با استفاده از CSS بر اساس صفحه نمایش های مختلف قرار میدهند. در ادامه می توان به مثالی توجه کرد که این مسئله را به درستی فهمید .

مسئله را با یک مثال بسیار ساده آغاز می کنیم فرض کنید تصویر زیر در یک کامپیوتر قدیمی نمایش داده شده است ، 9 مربع از حروف A تا I در یک صفحه 3*3 :

 

 

 

بر طبق نظریه بالا با گسترش عرض نمایشگر این تصویر نیز باید عریض شود :

 

 

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

 

 

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

 

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

 

 

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

 

 

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

 

 

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

چرا طراحی سایت سازگار Responsive Web Design برای سئو موثر است ؟

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

محتوا :

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

قابلیت استفاده :

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

سئو برای جست و جو توسط تلفن همراه:

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

بک لینک :

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

نتایج :

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

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

Set up Time :

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

محتوا :

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

پس برای اینکه نتایج بهتری را بگیرید بهتر است تحقیق و بررسی و ارزیابی های لازم را انجام دهید تا ببینید کدام شکل برای شما موثر تر میباشد .

برای این منظور از Mobile Overview report استفاده کنید بر اساس این قابلیت هر بازدیدی که از وب سایت شما شود خواهید فهمید به وسیله تلفن همراه یا تبلت بوده است بر این اساس اگر بازدید شما توسط تبلت و تلفن همراه کمتر از 5% بود نازی نیست که وب سایت خود را ریسپانسیو کنید اما در صورتی که بیشتر بود باید به فکر طراحی ریسپانسیو باشید .

 

 

 نکاتی که در طراحی سازگار باید رعایت شود : 

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

تصاویر : 

ممکن است شما از تصاویر باکیفیت و بزرگ و جذاب استفاده کنید ، ممکن است این تصاویر در کامپیوتر های رومیزی بسیار زیبا باشند و در سئو شما تاثیر بگذارند اما اگر می خواهید وب سایت شما ریسپانسو شود باید این را در نظر بگیرید که این تصاویر در تلفن همراه و تبلت سرعت بالایی میخواهد که این نکته کاربر پسند نمی باشد . 74 درصد از کاربران تلفن های هوشمند بعد از 5 دقیقه از بارگزاری سایت در صورتی که به نتیجه نرسند سریع ترک میکنند .پس تا جایی که میتوانید تصاویر خود را فشرده کنید برای این کار میتوانید از ابزار Smush.it  استفاده کنید 

طراحی :

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

touch 

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

تست : 

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

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

سئو در طراحی سایت ریسپانسیو

نرخ کلیک یعنی چی و تاثیر آن بر رتبه ی سایت چیست؟

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

 

نرخ کلیک چیست؟
نرخ کلیک یا click through rate در بازاریابی اینترنتی مقیاسی است که تعداد کلیک ها روی تبلیغات شما رو نمایش میده؛ این میزان در حقیقت درصد افرادی است که تبلیغ شما رو مشاهده و بعد روی اون کلیک می کنن که چنین فرمولی داره:
نرخ کلیک: (کل کلیک روی آگهی) /  (کل بازدیدها)
این نسبت که از تعداد کلیک کاربران به تعداد دفعات نمایش آدرس و نام برند در نتیجه های جست و جو به دست می آید به معنای نرخ کلیک نسبت به رتبه است. مثلا اگه سایتی در نتیجه ی جست و جوهای گوگل در واژه ی "طراحی سایت" 2000بار نمایش داده شده باشه و تعداد کلیک روی اون 170بار باشه، نرخ کلیکش میشه 20درصد؛ یعنی 20درصد جست و جو کنندگان روی لینک این سایت کلیک کردن.

 

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

 

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

 

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

 

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

PPC یا pay per click: 
وقتی که یه آگهی PPC می سازید به این آگهی یه امتیاز کیفی داده میشه و این امتیاز از جمله مواردی است که گوگل از این طریق راجع به نمایش در آمدن یا عدم نمایش آگهی در یه قیمت خاص تصمیم گیری می کنه. اگه امتیاز کیفی شما پایین باشه باید پول بیشتری برای نمایش تبلیغات خودتون پرداخت کنید.

 

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

 

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

 

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

 

مناسب ترین عدد برای نرخ کلیک در تبلیغات بنری چه می تواند باشد؟
همونطور که در بالا توضیح دادیم عدد ثابتی نمیشه ارائه داد. اما به طور کلی اگه سایتی که در اون تبلیغ می کنید مرتبطت باشه 1% نرخ خوبیه و اگه مرتبط نباشه 001/0 و 0001/0 هم طبیعی است. پس مشخصه که هرچقدر این عدد بالاتر باشه بهتره و این میزان بیشتر بستگی به جای آگهی شما در سایت تبلیغ کننده و میزان بازدید کنندگان اون سایت داره.

 

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

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

• از متا تگ های مناسب استفاده شود: description metaها مثل مورد بالا تاثیر غیر مستقیمی روی رتبه ی سایت شما می گذارن.

 

• از عناوین مناسب برای صفحات سایت استفاده شود: برای بهبود سئو و بهتر دیده شدنتون در نتایج جست و جو بهتر است از عنوان مناسب با محتوا استفاده شود.

 

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

 

• به تجربه ی کاربری اهمیت بدید، چرا که جلب رضایت اون ها می تونه به افزایش نرخ کلیک سایتتون کمک شایانی بکنه.

 

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

• کلیدواژه های با نرخ کلیک صفحه ی پایین تر رو در تگ های عنوان صفحه قرار بدید. مثلا می تونید لینک ها و عنوان های صفحه رو با عناوینی که رتبه ی بالاتری دارن، مقایسه کنید.

 

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

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

 

• واژه های کلیدی هدف رو توی URLها قرار بدید. این روش مثل روش توضیحات متا باعث میشه که کلمات کلیدی برجسته بشن و شانس دیده شدن داشته باشن.

 

 

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

نرخ کلیک  و تاثیر آن بر رتبه ی سایت