موقع انتخاب طراح وب، باید از مجرب بودن طراحتون اطمینان حاصل کنید، چون تغییرات برنامه­نویسی، تغییرات نرم افزارها و از همه مهمتر تغییرات اذهان عمومی میتونه روی طراحی وب سایت اثر بذاره. این تجربه باعث میشه طراح، با استفاده از طراحی ها و اطلاعات بروز، سایت و کسب و کار شما رو در سطح جدید و بالایی میسازه. تو این پست با سه دلیل برای اعتماد کردن به طراح مجرب آشنا بشید:
1- یاد گرفتن طراحی وب در طول زمان؛ این یکی از مهمترین نکات بکارگیری طراح وب مجربه. همینطور که اینترنت در طول زمان تغییر کرده، طرز فکر مردم درباره طراحی هم متحول شده. کسی که تجربه بالایی داشته باشه، با نحوه رشد و توسعه الگوهای طراحی آشناست و میدونه کدومها موفقترند. این تجربه باعث میشه سایتتون موفق تر باشه و در طراحی بروز باشه و تجربه کاربری بهتری برای مخاطب فراهم کنه.
2- درک بهتری از نحوه اثر طراحی وب بر ژانر؛ همینطور که اینترنت رشد میکنه، خیلی چیزها روی رفتار آدما در اینترنت اثر میذاره. درک و تجربه این تغییرات به طراح وب کمک میکنه تا پیغام وب سایت شما رو بهتر به مخاطل القا کنه. مخاطب شما ممکنه رنج وسیعی از آدمای مختلف رو در بربگیره. شما باید بتونید سایتتونو طوری طراحی کنید که بهترین نتیجه و بیشتری اثربخشی روداشته باشه.
3- رزومه ای پر از تجارب کاری متنوع؛ کسی که تجربه زیادی داره، یعنی با رنج وسیعی از مشتریهای مختلف کار کرده. از وب سایتهای حرفه ای گرفته تا تجارت آنلاین و همه انواع و اقسام سایتهای مختلف رو طراحی کرده. تجربه نشون میده، اون طراح نمونه کارهای مختلف و موفقی داشته و بهتر میتونه با هر نوع سایتی خودشو وفق بده.
اگه دنبال یه طراح وب میگردید که کسب و کار شما رو بشناسه و بتونه از یک طراحی محلی گرفته تا طراحی شرکتی معروف با سالها تجربه رو انجام بده، با دارکوب تماس بگیرید. 

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

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

مشکل فونت

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

چپاندن کلیدواژه

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

گزینه های بیش از حد

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

اجرای خودکار فیلم و موسیقی

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

مشکلات تصاویر

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

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

تأثیر نگاه اول و هویت برند

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

درسی از شبکه های اجتماعی

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

طراحی کیفی و اعتبار

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

از نگاه اول تا اثری جاودان

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

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

مخاطب شما کیست؟

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

با وب سایت کنونی­تان چه مشکلاتی دارید؟

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

اهداف تجاری شما کدامند؟

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

آیا این امکان جدید میتونه تجربه کاربری وب سایت منو بهتر کنه؟

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

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

تقریبا هیچ وقت.
اگه بخوام بگم چرا، باید اول مخاطبها رو به سه دسته تقسیم کنیم...

مادربزرگ­ها

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

کسایی که تب جدید ترجیح میدن

حتی اگه کسی رو مجبور نکنید لینکها رو تو تب جدید باز کنه، هستند کسایی که ترجیح میدن تب جدید باز شه. یه راست کلیک میکنند و open in new tab رو میزنن. یا حتی یه کار راحتتر؛ کنترل کلیک!

کسایی که از تب جدید خوششون نمیاد

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

یه سیستم مدیریت محتوای خوب. بیش از 1 میلیون کاربر از سراسر جهان دروپال رو برای ساخت وبسایتشون انتخاب کردند. برای اینکه بهینه سازی (سئوی) سایتی که با سیستم مدیریت محتوایی مثل دروپال ساخته شده رو بتونیم به حداکثر برسونیم، باید سایت با تنظیمات مناسبی پیکربندی شده باشه. اجازه بدید باهم نگاهی به مراحل اصلی بهینه سازی یه سایت دروپالی که تازه نصب شده بندازیم.

بهینه سازی دروپال برای سئو

وب سایتی که با دروپال ساخته شده، به طور پیش فرض خیلی با سئو سازگار نیست و مالک سایت باید یه سری ماژول های مخصوص سئو روی وب سایتش نصب کنه تا بهینه سازی جستجوی سایتش رو ارتقا بده. از جمله این ماژولها میتونیم به این موارد اشاره کنیم:
1- کارتونو با Pathauto Module شروع کنید و URLها رو مرتب کنید. با این ماژول میتونید کلیدواژه هایی رو که تو آدرس صفحاتتون میان، خودتون بر اساس عنوان صفحه، کنترل کنید.
2- از Metatag Module استفاده کنید. این ماژول برای متاتگ­های دابلین کور، توئیتر کارت، اپن گراف و پیکربندی پیشرفته HTML که برای صفحات نتایج موتورهای جستجو و شبکه های اجتماعی به کارتون میان، ضروریند.
3- با استفاده از Google PageSpeed سایتتونو تست کنید. در چارچوب دستورالعملی که تو این پست داده میشه، سایت دروپالتونو تنظیم و عملکرد صفحات وب تونو ارتقا بدید و بعد نتیجه رو با این ابزار تست کنید.
4- از Advanced Aggregation Module (AdvAgg) استفاده کنید. این ماژول کمک می­کنه جاوااسکریپت و CSS فشرده بشن و سرعت صفحات بالاتر بره.
با نصب این ماژولها و پیکربندی دقیق تنظیمات، سیستم متغیرهای هسته دروپال، متاتگهای پیچیده و مؤثری برای محتوای دینامیکی سایتتون تولید میکنه و دیگه نیازی نیست خودتون به صورت دستی اطلاعات هر صفحه رو وارد کنید. به خصوص با نصب AdvAgg، صفحات دروپال همیشه از آزمون های Google PageSpeed سربلند بیرون میان.

URLهای مرتب

موقع نصب دروپال 7، CMS به طور خودکار یه تست اجرا میکنه تا ببینه سرور از URLهای مرتب پشتیبانی میکنه یا نه. چون افزونه mod-rewrite آپاچی در دسترسه و اگه سرور پشتیبانی کنه، اجرا میشه و URLها رو مرتب می­کنه. مثلا ?q= که بعد از اسم دامنه ظاهر می­شه از URLها حذف می­شن. برای داشتن URL های مرتب میتونید با استفاده از ماژول Pathauto کلیدواژه هایی که در آدرس صفحات میان رو بر اساس عنوان صفحه، شخصی سازی کنید. این کلیدواژه ها برای الگوریتم رتبه بندی صفحات در گوگل، معیار مهمی محسوب می­شن و ازشون برای دسته بندی محتوای صفحات روی صفحه نتایج موتور جستجو استفاده میشه.
نکته: سایتهایی که روی هاست اشتراکی بنا شده اند و تو تست URL مرتب رد می­شن، میتونن RewriteBase / رو به فایل .htaccess اضافه کنند.
تنها تفاوتی دروپال 8 با دروپال 7 اینه که URL مرتب به طور پیشفرض در فرایند نصب فعال میشه و از بخش ادمین هم نمیشه غیرفعالش کرد. دقت کنید که مرتب کردن URLها نقطه شروع بهینه سازی عملکرد سئوی سایت دروپاله.

پیکربندی Pathauto Module برای سئو

نصب ماژولهایPathauto ، متاتگ و AdvAgg از یه استاندارد تبعیت می­کنه: فایلهارو از Drupal.org دانلود کنید، فایلهای زیپ رو از حالت فشرده خارج کنید و روی سرور در پوشه sites>all>modules آپلود کنید و یا میتونید با استفاده از Drush با دستور line نصبشون کنید. حالا به قسمت مدیریت برید و پرمیشن ها رو چک کنید. (نکته: متاتگ ها به دو ماژول Token و CTools احتیاج دارند).
نکته: از ماژول Pathauto برای سازماندهی محتوا برای برنامه نویسی سایت هم میشه استفاده کرد. مثل وقتی که میخواهید پاراگراف­ها رو بر اساس نوع محتوا روی صفحه بذارید.
برای کار با این ماژول فقط به چند تا چیز باید توجه کنید و بعدش دیگه ماژول به طور خودکار URL ها رو با توجه به عناوین صفحات با سئو سازگار میکنه. چون عناوین صفحات از نظر کلیدواژه های اون صفحه غنی هستند، بهترین معیار برای ارتباط محتوا با مطلب سرچ شده به حساب میان. به قسمت پیکربندی Pathauto برید و تنظیمات پیشفرض رو بخونید و همه متغیرهای برنامه رو با استفاده از کلیدواژه ها پیکربندی کنید.

پیکربندی ماژول متاتگ

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

دروپال و تستهای Google PageSpeed

برای تست عملکرد وب سایت دروپالی تون بهترین کار اینه که از ابزار Google PageSpeed  استفاده کنید و ببینید گوگل از عملکرد سایتتون راضیه یا نه. هیچی نباشه، بهینه سازی سئو قبل از هر چیزی بهینه سازی برای گوگله!
معیارهایی که PageSpeed گوگل در نظر می­گیره، علاوه بر متاتگ­های HTML، شامل سرعت بارگذاری صفحه، مقدار متنی که زیر مرورگر نمایش داده میشه، معیارهای خوانایی روی موبایل، فشرده سازی تصاویر و فشرده سازی جاوااسکریپت و CSS میشه. تگ­های دابلین کور برای طبقه بندی از اطلاعات مفهومی پیشرفته استفاده میکنند، اما متاتگ­هاس جدید میتونن برای کنترل آیکون­هایی که روی موبایل با سایت نمایش داده میشن و برای فاویکن ها بکار برن.
بعضی از مسائل Google PageSpeed به محیط سرور مربوط میشه؛ مثلا زمان پاسخگویی سرور DNS و هاست. بخاطر همین همیشه باید یه هاست خوب برای سایت دروپالی انتخاب کنید. اگه از اهل فن بپرسید، خیلی­ها هاست دارکوب رو برای میزبانی سایت دروپالی توصیه می­کنند.
معیارهای اصلی که Google PageSpeed در نظر می­گیره عبارتند از:

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

میتونید برای فشرده سازی بهتر تصاویر .jpg و .png از Riot استفاده کنید. Riot فایلها رو طوری بهینه میکنه که سرعت صفحه موقع ذخیره سازی فایهای تصویر برای وب از فوتوشاپ بهتر باشه. اگه می­خواهید کش صفحاتتون نسبت به چیزی که خودِ دروپال ارائه می­ده پیشرفته­تر باشه از ماژول Views Content Cache، Boost یا به جاش از روش­های APC، Memcache و Varnish استفاده کنید.

گردآوری پیشرفته جاوااسکریپت و CSS

استفاده از ماژول AdvAgg در دروپال هم ساده است و هم استاندارد، اما تنظیمات زیادی داره که میتونه در کنار بهینه سازی سیستم مدیریت محتوا (CMS) به عملکرد بهتر سایت در Google PageSpeed کمک کنه. ماژول AdvAgg نمیذاره جاوااسکریپت و CSS در هسته دروپال بطور معمول گردآوری بشن. میتونید از بخش مدیریت CMS، از قسمت Performance بهش دسترسی داشته باشید.
مهمترین قسمتهای ماژول AdvAgg شامل تنظیماتی است برای

• فشرده سازی جاوااسکریپت و CSS
• افزونه های فشرده سازی دیگر
• برنامه های کاربردی

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

خلاصه و پیشنهادات

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

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

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

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

متنی که آماده ترجمه نیست

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

اسکریپت­ها یا استایل­هایی که صف بندی نشده اند

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

توجهات، خطاها یا هشدارهای PHP

این یکی خیلی پیچیده نیست. اگه کد PHP خطا یا هشدار بده، نمی­تونید با تمی که میسازید اعتبار کسب کنید.

تم تکراری

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

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

مقرون به صرفه است

ساختن یا بروزرسانی یه وب سایت سفارشی خیلی خرج داره. مثلا برای

• طراحی
• توسعه
• هزینه های هاستینگ
• خرید دامنه
• نوشتن محتوا
• عکاسی
• وقتی که از کارمندها میگیره

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

کاربرپسند

وردپرس به سرعت رواج پیدا کرد و سال 94 تونست 58% از بازار سیستم های مدیریت محتوا و یک چهارم کل وب سایت های جهان (چه وب سایتهایی که با CMS ساخته شده بودند و چه بدون CMS) رو به خودش اختصاص بده. من اول اینو ناشی از منحنی یادگیریش میدونم. رابط کاربریش کاملا مبتنی بر قوه درک آدمه و مشتریها خیلی راحت میتونن ازش سر دربیارن و بدون نیاز به آموزشهای تخصصی، سایتشونو خودشون نگهداری و بروزرسانی کنند. حتی دیگه لازم نیست یه کارمند یا متخصص به این کار اختصاص بدن یا برای نگهداری وب سایتشون با یه شرکت دیگه همکاری دائمی داشته باشن.
وقتی تو یه شرکت حمل و نقل کار می­کردم، متوجه شدم پلتفرم وردپرس خیلی حساب شده است و کارگرها خودشون میتونن محتوا رو سایت بذارن یا تنظیمات رو درست کنن. اتفاقا اون شرکت هم همینو میخواست و تونست به کمک سادگی و راحتی کار با وردپرس، مدیریت وب سایتشو به کارگرهای خودِ شرکت بسپره. از نظر فنی هم وردپرس براشون خیلی خوب بود و با سیستم نقشه برداری GPS، راحت کار میکردند.

تأمین نیازهای خاص شخصی

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

دروغ نگم، وردپرس برای ما هم بهتره

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