بهزاد مقتدر

بهزاد مقتدر

چند مهارت غیر فنی که برای انجام کار طراحی وب ضروری است :یک طراح وب حرفه ای شدن مستلزم تسلط بر چندین مهارت فنی از جمله HTML , CSS ، طراحی سایت ریسپانسیو (Responsive Web Design) ، سئو سایت (SearchEngineOptimization) ، ... می باشد ؛ اما علاوه بر این مهارت های فنی ، برای کسب موفقیت در کار طراحی سایت ، نیاز به فراگرفتن چند مهارت غیر فنی نیز هستیم . در حالی که انبوهی از کتب و مقالات و دوره های آموزش طراحی وب که بر آموزش مهارت های فنی مورد نیاز کار طراحی سایت تمرکز دارند در دسترس علاقه مندان به این تخصص موجود است ، تنها منابع آموزشی اندکی هستند که ابعاد غیر فنی این کار را مطرح کرده و به آن دسته از مهارت های غیر فنی ضروری طراحی وب اشاره کرده اند . برای کسب اطلاعات بیشتر و آگاهی از مهارت های غیر فنی اما ضروری طراحی سایت ، تا پایان این مقاله همراه من باشید و سعی کنید برای تبدیل شدن به یک وب کار حرفه ای ، فراگرفتن و آموختن این مهارت ها را نیز به مجموعه دانش وب خود اضافه کنید .

 

ترفندهای طراحی سایت

 

ارائه خدمات با کیفیت و مناسب به مشتری و کارفرمای پروژه طراحی سایت

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

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

مدیریت زمان برای انجام و تحویل به موقع پروژه طراحی سایت

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

مهارت نویسندگی و به اشتراک گذاری دانش و تبادل نظر در جامعه طراحی وب سایت

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

دادن مشاوره و آموزش به تازه واردهای جامعه طراحی وب سایت

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

کلام آخر ...

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

امکان جدید " گوگل پست " (Google Post) چه کاربردی در ارتباطات آنلاین و نتایج جست و جو دارد ؟:اگر تا به حال درباره این امکان جدید گوگل ، یعنی “ Posts “ چیزی نشنیده اید تعجبی ندارد چرا که شرکت گوگل این امکان تازه بر روی موتور جست و جویش را به تازگی و با کمترین هیاهو و جلب توجه راه اندازی کرده است . گوگل پست ، یک پلتفرم جدید بر روی موتور جست و جوی گوگل است که تاثیری جالب توجهی بر روی ارتباطات آنلاین و نمایش نتایج جست و جو به صورت بی درنگ (Real-Time) گذاشته است . در ادامه این مقاله به توضیح و بررسی عملکرد و تاثیرات این ویژگی خواهیم پرداخت .

" گوگل پست " چیست ؟

طراحی سایتبه طور خلاصه و مختصر ، گوگل پست این امکان را به کاربران وب می دهد تا محتوایی را به طور مستقیم و بی درنگ (real-time) در نتایج جست و جو منتشر کنند . بله ! درست متوجه شدید ، با این امکان کاربران وب قادر خواهند بود تا مطلب و محتوایشان را به طور مستقیم و real-time در صفحه نتایج جست و جوی منتشر کنند .
این یک تغییر فوق العاده در روش فعلی نمایش نتایج جست و جوی موتور گوگل است و البته یکی از بزرگترین مشکلات نمایش نتایج جست و جو که در اکثر موتورها موجود است را نیز برطرف می سازد – آن مشکل این است که ، پست ها و مطالب و محتواهایی که مدت ها قبل توسط موتور جست و جو رویت شده و ضمیمه (Index) شده اند همچنان در نتایج جست و جو بالاتر از پست های جدید که هنوز دیده و ضمیمه نشده اند ، قرار می گیرند . گاهی اوقات آن محتوای تازه است که مد نظر کاربران است ، اما چون پست های قدیمی تر ضمیمه موتور جست و جو هستند و رتبه بالاتری دارند برای نمایش نتایج جست و جو به کاربران در اولویت قرار می گیرند . حال با این امکان جدید گوگل پست که به صورت بی درنگ – real-time – است ، همانند شبکه های اجتماعی ، محتوا و مطالب و پست های جدید که به تازگی در فضای وب منتشر شده اند هم در زمان کوتاهی در موتور جست و جوی گوگل ضمیمه – index – می شوند .


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

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

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

تجربه ای از امکان جدید شرکت گوگل ، " گوگل پست " – Google Posts | سئو سایت و بهینه سازی سایت

اگر بر روی هر کدام از ویژگی های مذکور پلتفرم گوگل پست کلیک کنید ، خواهید دید که عملکرد آن تقریبا شبیه به انتشار پست در گوگل پلاس (Google Plus – Google+) است (گوگل پلاس یکی از مهمترین مباحث در سئو سایت است). بازدید کنندگان و کاربران می توانند پست ها را در شبکه های اجتماعی دیگر مانند فیس بوک ، توییتر و گوگل+ (به صورت مستقیم یا توسط لینک URL پست) به اشتراک بگذارند و یا آن را به کسی ایمیل کنند . علاوه بر این ، وقتی پستی توسط کاندیدا منتشر می شود می توان در کنار آن پست یک فیدبک کامل از تمام پست های آن شخص مشاهده کرد ، در صورتی که هنوز آن پست در هیچ شبکه اجتماعی به اشتراک گذاشته نشده و تنها در صفحه نتایج جست و جوی خود گوگل است – جایی که هر شخص یا شرکتی می تواند خیلی بهتر توسط دیدن شدن در آن به شهرت خود در فضای وب بیفزاید .

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

کمپانی گوگل بیان کرده است که " امکان گوگل پست در حال حاضر تنها برای کاندیداهای انتخابات ریاست جمهوری ایالات متحده آمریکا در سال 2016 موجود و قابل استفاده می باشد " و در آینده قصد دارند که این امکان را برای سازمان های اولویت دار قابل استفاده کنند . البته واقعیت این است که در حال حاضر نیز تعدادی از سازمان ها و شرکت ها در حال استفاده از این پلتفرم هستند .
مثلا اگر نام " Andrew Jewelers New York " را در گوگل جست و جو کنید ، می بینید که این شرکت هم در حال استفاده از گوگل پست است . نه تنها جست و جوی اسم شرکت ، بلکه سایر کلمات کلیدی هم که در آن وب سایت مورد استفاده قرار گرفته اند نیز نتایج مشابه را به شما خواهند نشان داد . این یک تحول شگرف برای تعامل و ارتباط آنلاین شرکت ها و کاربران وب به صورت آنلاین بر روی صفحه نتایج موتور جست و جوی گوگل است . به جای انتشار پست در وب سایت ، استفاده از تکنیک های سئو ، و منتظر ماندن برای ضمیمه شدن محتوا در موتور جست و جو و رتبه گرفتن آن به مرور زمان ، گوگل پست شرکت ها را قادر ساخته تا به صورت بی درنگ و در صفحه نتایج جست و جو با مخاطبان و بازدید کنندگان وب سایتش ارتباط و تعامل آنلاین داشته باشد .
شرکت گوگل این امکان را به صورت آزمایشی در اختیار برخی سازمان ها و شرکت ها قرار داده است و نمی توان پیش بینی مشخصی برای آینده آن داشت . گوگل برای مشتاقان استفاده از این سرویس فراخوان داده است و می توانید با ثبت نام در لیست انتظار استفاده از این پلتفرم ، آن را تجربه کنید .

تفاوت های بین روش طراحی سایت ریسپانسیو (واکنش گرا) و طراحی سایت آداپتیو (انطباقی) – بخش دوم : همانطور که بخش اول این مقاله ذکر شده ، برای طراحی کردن سایتی که قابلیت پشتیبانی از نمایشگرهای دستگاه های مختلف را داشته باشد ، اصطلاحا multi-device friendly باشد ، از یکی از دو روش طراحی سایت ریسپانسیو یا طراحی سایت آداپیتو استفاده می کنیم . در بخش اول این مطلب تعدادی از زمینه هایی که باید در مورد این دو روش بررسی می شد را بررسی کردیم و تعدادی از تفاوت های این روش ها و نقاط قوت و ضعف آن ها آشکار شد . حال به ادامه بررسی این زمینه ها و موارد متفاوت در این دو روش خواهیم پرداخت .

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

 

میزان محبوبیت و مورد استفاده قرار گرفتن روش های طراحی سایت ریسپانسیو و طراحی سایت آداپتیو

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

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

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

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

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

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

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

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

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

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

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

منبعک سئو سایت وب نوش

تفاوت های بین روش طراحی سایت ریسپانسیو (واکنش گرا) و طراحی سایت آداپتیو (انطباقی) – بخش اول : طراحی سایت ریسپانسیو و آداپتیو هر دو روش هایی هستند برای ساخت و طراحی سایت سازگار با نمایشگرهای مختلف انواع دستگاه ها (multi-device friendly) . با اینکه روش طراحی ریسپانسیو توسط گوگل توصیه شده و از روش طراحی آداپتیو رایج تر است ، اما به هر حال هر دوی این روشها برای طراحی وب سایت واکنش گرا به ابعاد نمایشگرهای مختلف دارای نقاط قوت و ضعف خود هستند . در ادامه به بررسی تفاوت های موجود بین این دو روش طراحی ، به ویژه در این زمینه ها خواهیم پرداخت :

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

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

آشنایی با برخی مفاهیم پیش از شروع مقایسه بین طراحی سایت ریسپانسیو و طراحی سایت آداپتیو

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

راحتی در توسعه طراحی سایت ریسپانسیو

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

کنترل طرح طراحی سایت ریسپانسیو

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

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

گستره پشتیبانی در طراحی سایت

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

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

جمعه, 04 تیر 1395 ساعت 15:32

تولید محتوا برای سایت

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

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

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

تولید محتوا برای سایت بر اساس سئو سایت

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

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

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

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

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

عدم استفاده از مطالب تکراری در تولید محتوا برای سایت

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

اندازه ی مطالب

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

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

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

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

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

طراحی سایت وب نوش پشتیبان سایت شما

 

چگونه برای طراحی سایت ریسپانسیو کارفرما را متقاعد کنیم ؟ :یکی از مسائل مهمی که در جلسات صحبت با کارفرما و برنامه ریزی برای شروع پروژه باید به آن توجه شود ، پشتیبانی وب سایت از نمایشگر دستگاه های مختلف است . طراحی ریسپانسیو (واکنش گرا) یا طراحی سایت موبایل فرندلی - Mobile Friendly - در یک واقع یکی از روش های طراحی وب سایت است که در آن طراح سایت به گونه عمل می کند که مشاهده سایت بر روی نمایشر دستگاه های مختلف برای بازدید کننده بسیار راحت بدون دردسر باشد . این روش را می توان از طرق مختلف در پروژه پیاده سازی کرد که بسته به توانایی های توسعه دهنده سایت و نوع وب سایت ، روش مناسب برای این کار انتخاب می شود . البته اینکار هزینه پروژه را افزایش می دهد و کارفرما مجبور به پرداخت هزینه بیشتری برای انجام و تکمیل آن می شود ، اما واقعیت دنیای امروز وب این است که پشتیبانی چند دستگاهی یک وب سایت و طراحی ریسپانسیو سایت ، یکی از پایه های اصلی جذب مخاطب برای آن و همچنین به موفقیت و هدف رسیدن سایت است . در این مقاله قصد داریم به مزایای روش طراحی سایت ریسپانسیو و اینکه چگونه کارفرما را متقاعد کنیم برای این امر ، بپردازیم .

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

 

 

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

تعداد کاربران وب با دستگاه های تلفن همراه روز به روز در حال افزایش است . در حقیقت آمارها نشان می دهند که امروزه بیش از 50% ترافیک فضای وب متشکل از کاربران دستگاه های موبایل است . اگر وب سایتی برای دستگاه های موبایل بهینه سازی نشده باشد (یعنی علاوه بر اینکه سایت به شکل Mobile Friendly طراحی شده است ، بهینه سازی سایت نیز برای آن باید صورت گرفته باشد تا از نظر عملکرد بر روی نمایشگرهای کوچک دچار ضعف و کندی نباشد) ، قطعا ریسک از دست دادن ترافیک بازدید کنندگان برای آن وب سایت وجود دارد .

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

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

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

موتورهای جست و جو به سایت های موبایل فرندلی (Mobile Friendly) رتبه و امتیاز بیشتری می دهند

واکنشگرا بودن وب سایت سئو سایت را تقویت می کند.

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

در نظر داشتن سرعت و عملکرد وب سایت در طراحی سایت ریسپانسیو

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

پیش بینی آینده فضای وب برای سرمایه گذاری بر طراحی وب سایت ریسپانسیو و موبایل فرندلی

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

جمعه, 04 تیر 1395 ساعت 14:06

تایپوگرافی در طراحی سایت

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

 

تایپوگرافی در طراحی سایت

 

شرکت آدوب – Adobe – با ارائه محصول خود ، یعنی TypeKit Web Font Service در سپتامبر 2009 تحول چشمگیری در زمینه تایپوگرافی وب ایجاد کرد . سایر شرکت ها نیز در این راستا محصولاتی چون : Google Fonts شرکت گوگل در می 2010 ، Fontdeck شرکت Clearleft and OmniTI در ژوئن 2010 ، ... ارائه نموده اند . در مدت زمان کوتاهی و با در دست داشتن این ابزار ارائه شده توسط شرکت های مختلف ، حالا طراحان سایت قادر هستند در طراحی سایت خود تایپوگرافی وب غنی و فوق العاده ای خلق کنند .

در ادامه ، یک دید کلی از اهمیت تایپوگرافی وب ماکرو و میکرو (macro- and microtypography) در اختیار شما قرار خواهم داد ؛ توجه ویژه به ترتیب کلی متون بر صفحات وب در زمانهای قبل ، تمرکز بر روی نمایش هر چه بهتر جزییات مانند لیگاچرها (ligatures) و فیگرها (figures) در حال حاضر . در راهنمای آنلاین تایپوگرافی وب (که می توانید آن را به طور کامل به همراه کدهای آن در سایت macromicrotypo.com مشاهده کنید) ، ما به واکاوی جزئی تر این موضوع و همچنین نگاهی بر زندگی کاری یکی از پیشگامان طراحی تایپوگرافی از بعد تایپوگرافیک ، جان بسکرویل (John Baskerville) ، خواهیم پرداخت .

تایپوگرافی وب در سطح ماکرو – MacroTypography

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

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

سبک تایپوگرافی صفحات وب با مخاطب حرف می زند

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

اینجاست که درک و فهم تاریخچه تایپوگرافیک به ما کمک می کند . مثلا فونت serif حالت سنتی دارد ؛ sans serif کمی امروزی تر است . اگر به تازگی با این موضوع آشنا شده اید ، گنجینه ای از کتب ارزشمندی برای افزایش اطلاعات در این زمینه وجود که برای شروع ما به شما این ها را توصیه می کنیم : Thinking with Type نوشته الن لوپتون ، The Elements of Typographic Style نوشته رابرت برینگهرست و Detail in Typography نوشته جاست هاچولی . همخوانی از بعد تایپوگرافیک طرح شما را در سطح ماکرو تشکیل می دهد .

بررسی مقیاس های تایپوگرافیک در تایپوگرافی طراحی سایت

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

برای ایجاد بهترین سبک نمایش محتوا برای مخاطب ، باید محتوا را به صورت مفهومی نشان گذاری کرد (توسط HTML) . معمولا محتوا دارای یک سلسله مراتب واضح با معنی است با تعدادی عنوان - <h1> , <h2> , <h3> , … - که نشانگر محتوای آن بخش از صفحه است . با توجه به مقیاسی که انتخاب کرده ایم ، می توانیم سلسله مراتب محتوا را ترتیب دهیم .

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

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

تایپوگرافی وب در سطح میکرو – MicroTypography

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

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

لیگاچرها - ligatures

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

فیگرها – figures

در تایپوگرافی ، ما دائما با فیگرها مواجه هستیم : شماره تلفن ها ، تاریخ تولد ها ، اطلاعات مالی ، آمارها ، عملیات ریاضی و جبری ، ... . یک تایپوگرافی خوب طراحی شده ، هم شامل فیگرهای " سبک قدیمی " و هم فیگرهای " خط کشی " می باشد . فیگرهای خط کشی در اصل جهت استفاده برای پیوستگی با حروف بزرگ طراحی شده اند ؛ در حالی که فیگرهای سبک قدیمی (یا " حروف کوچک ") برای ترکیب بهتر با تنظیمات متن که به اسندرها (ascenders) – 6 ، 8 – و دیسندرهای (descenders) – 3 ، 4 ، 5 ، 7 ، 9 - آنها داده شده است ، طراحی شده است .

 

منبع : سئو سایت وب نوش

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

طراحی سایت

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

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

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

راه حل های جلوگیری از سقوط سایت در نتایج جستجو (سئو سایت وب نوش):

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

2)    لینک های ورودی و خروجی را به طور منظم کنترل کنید تا همیشه متعادل باشند. تا جایی که می توانید سعی کنید لینک های ورودیتان از سایت های معتبر و علمی باشند. همچنین شما می توانید از لینک های سه طرفه نیز استفاده کنید. در این روش به جای دو سایت و دو دامنه از سه سایت و سه دامنه استفاده می شود که با سه لینک یک طرفه به هم دیگر متصل می شوند. (اطلاعات بیشتر در همین سایت)

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

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

شروع با پایان در ذهن

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

پوشش رسانه ای اتان در کجا می خواهید باشد؟

ابتدا با اهدافمان شروع می کنیم.

چه مطبوعاتی می خواهیم آن را پوشش بدهد؟
چه نوع داستانی ر برای انتشار دادن می پسندید؟

در واقع ، به جای تلاش برای بدست آوردن سازمان های خبری برای پوشش هر چیزی ، ما می خواهیم به بحث در مورد این موضوع که "ما محتوایی را تولید می کنیم که فکر می کنیم آن ها می خواهند پوشش بدهند" در نتیجه این عمل به راحتی در اولین قدم انجام می شود.
برای مثال ، ما متوجه شده ایم که بسیاری از خبرگاران علاقه دارند خبر های در مقیاس بزرگ ، داستان های شکستن ، به ویژه آن هایی را که شامل عناصر بصری هستند ، پوشش دهند. حتی برایشان بهتر است برند های بزرگ (گوگل و فیسبوک و ...) را پوشش دهند.
ایده ی بزرگ ما!
ما به تقویم نگاه کردیم و مشاهده کریم که IPO فیسبوک یک ماه دور بود. بنابراین ایده ی بزرگ ما ، مقایسه و تحلیل جز به جز تبلیغات در فیسبوک و گوگل بود.
 
بنابراین کدام فاکتورها؟
کلید توسعه ی محتوا داشتن یک قلاب قوی است. به علت اینکه نشریات زیادی وجود دارند ، این مساله مهم است که قلاب های متفاوتی داشته باشید که در منافع مختلفتان تجدید نظر کند.
 
برای مثال یک اجتماع مالی مانند Wall Street علاقه مند است بداند که محصولات تبلیغاتی فیسبوک برای کسب و کار درآمد ایجاد می کند یا نه؟ انتشار یک تکنولوژی عمومی مانند مجله های شیمی ، گرچه ممکن است تمایل دارد که بداند چه کسانی بر روی تبلیغات فیسبوک کلیک می کنند.
من این را داشتن یک فاکتور "پس چه" در داستان مینامم. مانند "پس چه؟ ، چرا باید کسی مراقب این ها باشد؟" اغلب این پرسش ها زمانی به وجود می آیند که زاویه ای را پیدا می کنیم که تا به حال کسی به آن نگاه نکرده است. بنابراین محتوای شما جای آن را میگیرد. با بررسی جعبه در شرایط فوق ، ما پس از ایجاد محتوا تنها سه روز قبل از IPO داستانمان را نتشر می کنیم.

محتوایتان را توسعه دهید (بهتر از فکر کردن است.)

اجازه دهید کمی در مورد مباحث مختلف توسعه و توزیع استراتژی هایی که استفاده می کنیم بحث کنیم.

توییتر اهرم تبادل

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

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

توسعه محتوا و طراحی سایت

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

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

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

 

پشتیبانی سایت