یکشنبه ۱۵ مرداد ۰۲

طراحي سايت مجله اينترنتي

 

 

طراحي سايت مجله اينترنتي راهي آسان براي دست يابي به اخبار

طراحي سايت مجله اينترنتي را مي توان به عنوان يكي از پر طرفدار ترين سايت هاي اينترنتي دانست.

اگر در نظر بگيريم يكي از استفاده هاي مهم و اساسي از فضاي اينترنت انتشار اخبار است پس سايت هاي مجله بسيار بسيار مهم و حياتي در فضاي اينترنت به شمار ميروند .

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

كسب در آمد از طريق طراحي سايت مجله اينترنتي

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

 

ويژگي هاي طراحي سايت مجله اينترنتي

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

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

طراحي سايت مجله اينترنتي به صورت رسپانسيو

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

 

استفاده از برخي ماژول هاي آماده در طراحي سايت مجله اينترنتي

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

۵ اصل در طراحي صفحه نخست وب‌سايت

به وب سايت خود فكر كنيد. مردم هنگام ورود به صفحه اصلي چه مي بينند؟ برداشت‌هاي اول مهم‎ اند. اين شانس شما براي تحت تأثير قرار دادن و خيره كردن آنهاست.
آيا توانسته ‎ايد:
به طور واضح محصولات و خدمات خود را بيان كنيد طوري كه كاربران وقتي به سايت شما پا ميگذارند متوجه هدف شما بشوند و يا براي فروش محصولات خود آن ها را كاملا قانع كنيد؟ رهبري فكري ارزشمندي ارايه دهيد؟ نسبت به خودتان و برندتان حس خوبي بيافرينيد؟ درپيشه خود جايگاه‎ تان را به عنوان يك مشاور و مرجع مفيد تثبيت كنيد؟ دربازديد كننده هاي‎تان انگيزه كافي براي ادامه بازديد از وب‎سايت‎ تان و دانلود موارد ارزشمند ايجاد كنيد؟ صفحه اصلي شما بايد همه اين موارد را تامين كند. اين هويت شما را مي‎سازد و فرصتي مي‎دهد تا كسب وكار و توانايي ‎هاي‌‎تان را به همه بشناسانيد.

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

توجه داشته باشيد كه ، صفحه اصلي شما بايد چندين كلاه به سر داشته باشد. بجاي در نظر گرفتن اين صفحه به عنوان صفحه فرودي كه حول محور يك عمل مشخص ساخته شده است، اين صفحه بايد به نحوي طراحي شود كه براي چندين گروه مختلف از مخاطبان با زمينه هاي مختلف باشد. به منظور انجام اين كار به صورت موثر، اين صفحه بايد با هدف مشخصي ساخته شود. به زبان ديگر، شما بايد از المان هايي استفاده كنيد كه بازديد كنندگان را جذب مي كند، آن ها را تعليم مي دهد و از تبديل دعوت به عمل مي آورد.

۵ اصل در طراحي صفحه نخست وب‌سايت 

 


 ساده‌تر بهتر است
يك طراحي ساده و تميز به بهترين شكل كار مي‎كند. با چيدمان شلوغ و عناصر درهم بيننده را گيج نكنيد.

خوانايي
از آشفتگي خودداري كنيد. از نوشته‎هاي كوتاه و واضح استفاده كنيد كه مقصود را برساند و وقت كسي را تلف نكند. مطمئن شويد كه عناصر تصويري شما نيز همين‎گونه باشند. از متن ها و طرح هاي بزرگتر استفاده كنيد كه خواندن و درك آنها آسان است. سادگي و خوانايي همچنين باعث مي شود كه مطمئن شويد صفحه شما با تلفن همراه سازگار است.

ايجاد تنوع در متن
براي ايجاد تنوع در متن، از فيلم ها ،پيوندها ، تصاوير و نقل قول ها استفاده كنيد و در نظر بگيريد كه برخي افراد اطلاعات غير نوشتاري را بهتر درك مي‎كنند. به ياد داشته باشيد كه تصاوير مي توانند ساده تر و قدرتمندتر از متن باشند و مي توانند در هماهنگي با آن براي ايجاد يك تاثير قوي عمل كنند.

استراتژي محتوا
صرف نظر از اين‎كه آن‎چه در وب‎سايت‎ تان ارايه مي‎كنيد چيست، مي خواهيد محتوايي ارزشمند عرضه كنيد.
تنها با داشتن استراتژي محتوا است كه محتواها ارزش پيدا مي كند

ارزشمند از آن‎رو كه اين محتوا مي‎تواند راه حل‎هايي براي دسته‎اي از مشكلات و پاسخ‎هايي براي بعضي سوالات ارايه كند. اين‎كار شما را در موقعيت يك متخصص و صاحب نظر قرار مي دهد. البته اين با داشتن يك استراتژي محتوا و نه جمع كردن محتواي تصادفي ممكن است. شما مي خواهيد بهترين‎هاي خود را در صفحه‎تان عرضه كنيد و اين بهترين معرف برندتان نيز خواهد بود. براي بروز ماندن هميشه مطالب جديد را به سايت‎تان بيفزاييد.

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

درمجموع اگر وب‎سايتي باكيفيت و محتواي ارزشمند  ساخته باشيد و با انجام تبليغات، رعايت اصول سئو و برندسازي افراد را به سوي سايت خود كشانده باشيد، آنگاه بايد از خود بپرسيد كه مي‎خواهيد مردم در سايت شما چه ببينند؟ مكاني مرتب با عناصري كه به صورتي روشمند چيده شده‎اند يا مكاني آشفته و شلوغ كه نمي‎دانيد چگونه آنرا نظم دهيد؟ چرا صفحه اصلي شما بايد متفاوت باشد؟ براي بهبود عملكرد صفحه اصلي خود، اين ليست ۱۲ تايي از المان هاي حياتي كه هر صفحه اصلي بايد داشته باشد را چك كنيد.

۱تيتر (Headline)

طي سه ثانيه، وب سايت بايد به بازديد كننده بگويد كه چه چيزي را ارائه مي دهد. اينجا جايي است كه تيتر شما وارد مي شود. ممكن است تنها چند كلمه باشد، اما اين يكي از مهم ترين متن هاي وب سايت شماست. افراد بسيار مختلفي ممكن است از وب سايت شما بازديد كنند و شما ممكن است براي پيدا كردن چند كلمه اي كه بتوانند افراد مختلفي را مجذوب كنند دچار مشكل شويد. به جاي اين كار، متخصصان KISSmetrics پيشنهاد مي دهند تيتر خود را به گونه اي بنويسيد كه بتوانيد ۲۵-۳۰ درصدي از افراد كه مي دانيد با استفاده از محصول شما خوشحال مي شوند را هدفگيري كنيد.

تيتر را واضح و ساده نگه داريد. تيتر Dropbox يك مثال فوق العاده است:‌” در امنيت كامل به اشتراك بگذاريد، هماهنگ كنيد و مشاركت كنيد. ” اين جمله ساده اما قدرتمند است. همچنين نيازي به رمزگشايي اصطلاح خاصي نيست كه دراپ باكس از آن استفاده كرده باشد. علاوه بر اين، واژه ” در امنيت كامل ” نقطه درد افرادي كه به دنبال مديريت فايل هايشان هستند را تحريك مي كند. دقت كنيد كه آن ها چطور از اين كلمه در زيرتيتر خود نيز استفاده مي كنند تا واقعاً بتوانند منظور خود را به مخاطب بفهمانند.

۲زيرتيتر (Sub Headline)

زيرتيتر شما بايد بتواند با توضيح خلاصه اي از اين كه چه كاري انجام مي دهيد و يا چه چيزي ارائه مي دهيد، از تيتر حمايت كند. اين كار را مي توان به صورت موثر با تمركز برروي يك نقطه درد مشترك كه محصول يا خدمات شما رفع مي كند انجام شود. براي بهينه سازي تيترها براي موبايل، از فونت هاي بزرگ تر براي بهبود تجربه كاربران استفاده كنيد. فونت هاي كوچك ممكن است مخاطبان را مجبور به زوم كردن براي خواندن و ارتباط برقرار كردن با محتواي سايت شما كنند. پيشنهاد ما؟ تيترها و زيرتيترهاي خود را حداقل ۲۲ پيكسل كنيد و متن بدنه را نيز حداقل به ۱۴ پيكسل برسانيد.

اين يك مثال عالي از زيرتيتر توسط Podio است:” راه حل مديريت كار با قابليت شخصي سازي شده اي را امتحان كنيد كه رهبران به آن اعتماد داشته و كارمندان از كار كردن با آن لذت مي برند. ” اين متن چند نقطه درد مشترك را در مورد مديريت كار تحريك كرده و به مخاطبان قول كار قابل شخصي سازي شدن، قابل اعتماد و لذت بخش را مي دهد.

۳فراخوان عمل‌هاي اصلي 

هدف صفحه اصلي شما متقاعد كردن بازديد كنندگان به نگاهي عميق تر به وب سايت شما و حركت بيشتر در قيف فروش است. دو يا سه كال تو اكشن در بالاي صفحه خود قرار دهيد كه هر كدام مخاطبان را به مراحل مختلفي از چرخه خريد هدايت مي كند و اين دكمه ها را در مكان هايي قرار دهيد كه پيدا كردن آن ها ساده باشد. اين كال تو اكشن ها بايد تاثيرگذار بوده و رنگي مخالف با الگوي رنگي صفحه اصلي شما داشته باشند، در حالي كه همچنان متناسب با طرح كلي صفحه نيز باشند. متن دكمه ها را خلاصه و كمتر از ۵ كلمه نگه داريد و آن ها را فعاليت محور قرار دهيد تا بتوانند مخاطبان را تحريك به انجام عملي كه از آن ها مي خواهيد كنند. مثال هايي از متن كال تو اكشن مي توانند ” ثبت نام كنيد “، ” قرار ملاقات رزرو كنيد ” يا ” رايگان امتحان كنيد ” باشند.

براي بهينه سازي كال تو اكشن ها براي كاربران موبايل،‌ مطمئن شويد كه به اندازه كافي بزرگ هستند كه بتوان با يك انگشت به آن ها ضربه زد. اگر از دكمه استفاده مي كنيد، حداقل سايز آن بايد 44 در 44 پيكسل باشد تا مردم بتوانند با يك انگشت به آن ضربه وارد كنند. اضافه كردن فضاي سفيد در اطراف كال تو اكشن خود را نيز در نظر بگيريد تا كاربران موبايل بتوانند به راحتي بدون اين كه از ضربه زدن به جاي اشتباهي هراس داشته باشند، آن را انتخاب كنند.

Uber چندين كال تو اكشن اصلي در صفحه اصلي خود دارد كه براي پرسوناهاي مختلفي طراحي شده اند. ” راننده شويد “‌ براي راننده هاي احتمالي و “‌ ثبت نام كنيد ” براي مسافران احتمالي. توجه كنيد كه كال تو اكشن آبي روشن اوبر در تضاد با پس زمينه تاريك سايت هستند.

۴عكس‌هاي پشتيبان 

همانطور كه قديمي ها مي گويند، عقل مردم در چشم‌شان است. مطمئن شويد كه از عكس يا ويديوي كوتاهي استفاده مي كنيد كه به وضوح نشان دهنده پيشنهاد شماست. از عكس هايي استفاده كنيد كه احساسات را برمي انگيزند و باعث ايجاد عمل مي شوند، همچنين از عكس هاي قديمي و استوك نيز اجتناب كنيد. براي بهينه سازي عكس ها براي كاربران موبايل،‌ از عكس هاي با كيفيتي استفاده كنيد كه حجم آن ها كاهش يافته است. همچنين به عكس هاي خود alt text نيز اضافه كنيد كه اگر دستگاه هاي موبايل عكس ها را به صورت پيش‌فرض بلاك كردند به مشكلي برنخوريد.

صفحه اصلي 4 Rivers Smokehouse يك مثال عالي از عكس هاي احساسي است. اين صفحه شامل ويديوهاي كوتاه و با كيفيت و حيرت انگيز است كه در يك لوپ پشت سر يك تيتر و زيرتيتر ساده و همچنين يك كال تو اكشن پخش مي شوند.

۵مزايا 

نه تنها توصيف كاري كه انجام مي دهيد مهم است، بلكه چرايي كاري كه انجام مي دهيد نيز اهميت دارد. مخاطبان مي خواهند در مورد مزاياي خريد از شما بدانند چرا كه اين دليلي است كه آن ها را مشتري دائمي شما نگه مي دارد. متن را سبك و خوانا نگه داريد و با زبان مخاطبان خود سخن بگوييد. Evernote  كار عالي در امر ليست كردن قابليت ها در صفحه اصلي خود انجام داده به صورتي كه اغواكننده، از لحاظ بصري جذاب و قابل درك هستند.

۶تاييد اجتماعي 

تاييد اجتماعي معيار قدرتمندي براي اعتماد است. محصول يا خدمات شما ممكن است كه در دنيا بهترين باشد و حتي داشتن اين ادعا نيز اشكالي ندارد. موضوع اين جاست كه مردم شايد اين ادعاي شما را باور نداشته باشند تا زماني كه آن را از ديگر مردم بشنوند و اين دقيقاً كاري است كه تاييد اجتماعي انجام مي دهد.

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

۷مسيريابي

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

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

در اين قسمت مثال عالي از طراحي مسيريابي خوب و ساختاريافته از صفحه اصلي Geek Squad مشاهده مي كنيد.

۸پيشنهاد محتوا

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

در قسمت پايين مثالي از صفحه اصلي IMPACT مشاهده مي كنيد. در پايين صفحه، آن ها ۴ كتاب الكترونيكي رايگان در مورد رازهاي هك رشد خودشان قرار داده اند.

۹فراخوان عمل‌هاي ثانويه Secondary Calls-to-Action

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

در حالي كه دعوت به عمل هاي اصلي شما بايد بالاي صفحه باشند، دعوت به عمل هاي ثانويه را در پايين صفحه قرار دهيد تا كاربراني كه به پايين صفحه مي آيند چيزي براي كليك كردن داشته باشند. مثلاً در پايين صفحه اصلي Trustev، شما سه كال تو اكشن واضح مي بينيد كه براي كاربراني است كه تا اينجا پايين آمده اند تا بتوانند برروي چيزي كليك كنند.

اين دعوت به عمل هاي ثانويه سه چيز مختلف را هدفگيري مي كنند، خرده فروشي ها، كالاهاي مجازي و مسائل مالي. اين موضوع مورد رضايت سه گروه از پرسوناهاي مختلف است.

۱۰قابليت ها

علاوه بر مزايا، چندتا از قابليت هاي كليدي خود را ليست كنيد. اين به مردم درك بهتري از چيزهايي كه محصول يا خدمات شما ارائه مي دهند،‌ مي دهد. در اين قسمت نيز متن را سبك و خوانا نگه داريد. Dropbox for Business مثلاً، از نشان دادن ماتريسي از قابليت هاي خود در صفحه اصلي خجالت نكشيده و اين كار را انجام مي دهد.

۱۱منابع

اكثر بازديد كنندگان وب سايت شما آماده خريد نيستند،‌ البته هنوز. براي افرادي كه به دنبال اطلاعات بيشتر هستند، لينكي به مركز منبعي قرار دهيد كه بتوانند از آن جا به اطلاعات بيشتر دسترسي داشته باشند. نه تنها اين كار آن ها را براي مدت زمان بيشتري بر روي سايت شما نگه مي دارد، بلكه به شما براي اثبات خود به عنوان رهبر افكار در صنعت خودتان نيز كمك مي كند.

Knowledge Vision يك لينك منبع به دعوت به عمل هاي ثانويه خود زير صفحه قرار داده است. توجه كنيد كه هر كدام از اين كال تو اكشن هاي ثانويه بخش متفاوتي از چرخه خريد را پشتيباني مي كنند. يك دمو براي كساني كه نزديك به خريد هستند، مثال هايي براي كساني كه علاقه مند هستند اما به اطلاعات بيشتري نياز دارند و منابع براي كساني كه به اوايل قيف نزديك هستند.

۱۲نشانگرهاي موفقيت

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

در صفحه اصلي Cleanify، شما نام ناشران معروفي كه در مورد آن ها نوشته اند را پيدا مي كنيد، مانند نيويورك تايمز يا TechCrunch.

بهينه سازي براي موبايل را فراموش نكنيد

فرقي ندارد كه صفحه اصلي خودتان را تغيير مي دهيد يا آن را از نو طراحي مي كنيد، مطمئن شويد كه كاملاً براي موبايل بهينه سازي شده باشد. نه تنها وب سايت هاي بهينه براي موبايل رتبه سئو بهتري به لطف تغيير الگوريتم گوگل در سال 2015 مي گيرند، بلكه مي توانند تجربه كاربري را براي كاربران موبايلي كه روز به روز به تعدادشان افزوده مي شود بسيار بهبود بخشند. بهينه سازي وب سايت براي كاربران موبايل به معني بهينه سازي تيترها، زيرتيترها و متن بدنه سايت، كال تو اكشن ها، عكس ها و بيشتر است.

اينفوگرافيك در طراحي سايت

اينفوگرافيك در طراحي سايت

ممكن است برخي از افراد با واژه اينفوگرافيك در طراحي سايت آشنا نباشند بدين منظور در اين مقاله قصد داريم توضيحاتي در اين خصوص ارائه دهيم. گاهي ما براي ارائه ايده‌ها و تصاوير ذهني خود به مخاطب با مشكل مواجه مي‌شويم، براي سهولت در ارتباط با مخاطب تكنيكي به نام اينفوگرافيك ابداع ‌شده است. اين كلمه مخفف دو كلمه اطلاعات (Information) و گرافيك (Graphic) مي باشد.

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

 

چند نكته بسيار مهم براي ساخت اينفوگرافيك در طراحي سايت:

اين نكاتي كه در زير آمده است نكاتي حياتي براي ساخت اينفوگرافيك مي باشد اميدواريم از آن ها بتواندي به طراحي اينفوگرافيك خاصي برسيد و هدف خود را تكميل كنيد . فراموش نكنيد كه متوانيد نظرات خود را با ما در ميان بگذاريد.

اينفوگرافيك مي تواند يك موضوع خسته كننده و پيچيده را به يك موضوع جذاب تبديل نمايد. اين عمل يك استراتژي موثر براي ارائه اطلاعات به صورت بصري با استفاده از گرافيك مي باشد.

1- با دانسته هاي خود شروع به كار نماييد.

اينفوگرافيك بايد براي بينندگان مفهموم موضوع كاري يا همان ايده را نشان دهد. ايده بايد جديد و جذاب باشد.

2- قالب موضوع خود را قبل از شروع طراحي، مشخص كنيد.

در اين مرحله بايستي اطلاعاتي كه در فهم موضوع شما به مخاطبان مؤثر است را آماده نماييد .

3- موضوع خود را از طريق روش هاي مختلف طراحي، به تصوير بكشيد.

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

4- براي شروع طراحي، يك روش انتخاب كنيد.

يك پيش نمايش كامل ساخته و تمام عكس ها و نوشته هاي مربوط را كه در قالب كاري خود نوشتيد به آن اضافه نماييد. سپس با ديگر افراد طراحي را بررسي نماييد تا نظر آنها را در خصوص اينفوگرافيك قابل فهم بدانيد.

5- راه نهايي كردن طراحي

شما مي توانيد از يك تصوير JPG براي به نمايش در آوردن اينفوگرافيك خود استفاده كنيد يا فايل PDF آن را از طريق ايميل به اشتراك بگذاريد. همچنين مي توانيد تصاوير را در سايزهاي مختلف بسازيد و آن ها را در رسانه هاي اجتماعي مثل اينستاگرام، تلگرام يا وبلاگ ها به نمايش بگذاريد.

چرا در طراحي سايت به اينفوگرافيك نياز داريم ؟

استفاده از اينفوگرافيك باعث مي‌شود تا مخاطبان حجم قابل توجهي از داده‌ها و اطلاعات را، به سادگي در قالب يك تصوير دريافت و آن را تا مدت‌ها در خاطر بسپارند. از اينفوگرافيك ها مي‌توان در حوزه‌هاي گوناگوني استفاده كرد.

سئو سايت فروشگاهي و محصولات بدون موجودي

در دنياي ديجيتال امروز و استفاده از ابزارهاي هوشمند باعث شده تا روش زندگي كاربران هر روز تغيير كند و طراحي فروشگاه اينترنتي در هر زمينه اي رشد فزآينده اي داشته باشد.

مديران سايت ها نيز با چالش سئو سايت فروشگاهي خود روبه رو هستند. در واقع مديران سايت ها نميدانند با محصولاتي كه موجودي آنها به اتمام مي رسد چگونه برخورد كنند.

آيا اين محصولات بايد از سايت حذف شود؟ آيا بايد نمايش آن را از ديد كاربران مخفي كرد؟ اين سوالات، مسائلي است كه اصولا در زمينه سئو سايت فروشگاهي مطرح مي شود.

در اين مقاله دو روش ساده مطرح شده است كه براي سئوي سايت فروشگاهي كمك زيادي به مديران هنگام طراحي فروشگاه اينترنتي خواهد كرد:

جستجوي داخلي سايت هاي فروشگاهي

آيا بايد محصولات را از نمايش موقت حذف كرد؟ از ديدگاهSEO ، اين كمي مشكل است. اگر نمايش آن محصولات را مسدود كنيد، ارزش لينك داخلي را نيز به طور موقت مسدود مي كنيد، كه مي تواند بر رتبه بندي شما تأثير بگذارد. علاوه بر اين، ممكن است در آخر، صفحه اي خالي داشته باشيد كه موجودي معمول شما را به درستي نشان نمي دهد. من فكر مي كنم دو گزينه وجود دارد كه قابل تأمل است:

1 . به مردم اجازه دهيد محصولات موجود در انبار را فيلتر كنند.

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

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

2. محصولات ناموجود در انبار را دوباره اولويت بندي كنيد.

من معمولاً طرفدار فيلترهاي جستجوي خاص نيستم، زيرا ممكن است براي بازديد كنندگان گيج كننده باشد، اما گزينه ديگر اين است كه محصولات خارج از انبار را به انتهاي نتايج جستجوي داخلي برسانيد، فيلترها و انواع آن را در داخل و خارج ذخيره كنيد.

گروههاي كالاها اين اجازه را مي دهد تا افراد، كل ليست را ببينند و همچنين به ربات هاي جستجو دسترسي پيدا مي كند، اما محصولات موجود را در معرض ديد قرار مي دهد. بازديدكنندگان قرار نيست صفحات موجودي خارج از انبار را جستجو كنند تا يكي از كالاهاي موجود را پيدا كنند.

در حالت اصلي راز چيست؟

كاش مي توانستم برچسب جادويي HTML يا خط htaccess را به شما بدهم كه مطمئنا اين مشكل را حل خواهد كرد ، اما وقتي وضعيت روز به روز يا حتي ساعت به ساعت در حال تغيير است ، بسياري از بهترين اقدامات ما ارزششان را از دست مي دهند. ما نمي توانيم راه حل هاي معمولي را براي مشكلات خارق العاده اعمال كنيم.

در اين حالت منحصر به فرد، مهمترين چيز، از نظرSEO ، حفظ قدرت رتبه بندي صفحه محصولات در طراحي فروشگاه اينترنتي است و اين احتمالاً به معناي به حال خود گذاشتن آن است. هر جادوي فني كه مي توانيم انجام دهيم در جايي به پايان مي رسد كه ربات ها، جستجو را در اختيار بگيرند و فرآيند پويش مجدد و ذخيره مجدد يك صفحه به زمان نياز دارد. بهترين شرط ما ارائه تجربه اي است كه به بازديدكنندگان جستجو، گزينه هايي مي دهد و ارزش صفحه را حفظ مي كند. اگرچه اين امر به سرمايه گذاري در كوتاه مدت نياز دارد، اما اين تغييرات مي تواند برابر با هزاران دلار درآمد باشد

پلاگين Wordfence وردپرس چيست و چه كاربردي هايي دارد؟

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

اما آيا Wordfence لياقت اين محبوبيت را دارد؟ اين چيزي است كه مي خواهيم با هم در اين مقاله بررسي كنيم. در اين مقاله مي خواهيم ببينيم كه اين پلاگين چيست، چطور كار مي كند و چه قابليت هايي دارد، پس با ما همراه باشيد.

پلاگين Wordfence وردپرس

راه اندازي پلاگين Wordfence

به عنوان بخش اول بررسي اين پلاگين، بايد اول آن را بر روي وردپرس خود نصب كنيم .--- براي نصب اين پلاگين درست مانند تمامي پلاگين هاي ديگر به بخش Plugins رفته و Add New را انتخاب مي كنيد و نام اين پلاگين را جستجو كنيد. حال بر روي نصب كليك كرده و در پايان فراموش نكنيد كه آن را فعال كنيد.

بعد از فعال سازي پلاگين، اولين چيزي كه از شما توسط آن درخواست مي شود ارائه يك آدرس ايميل براي هشدارهاي امنيتي است. با انجام اين كار، شما امكان اين را نيز داريد كه عضوي از خبرنامه اين پلاگين شويد. بعد از انجام اين كار شما مي توانيد گشت و گذاري را در محيط پلاگين با كليك بر روي Start Tour داشته باشيد.

 

كاربردهاي وردفنس Wordfence

اولين جايي كه توقف مي كنيم دشبورد پلاگين است. در اين بخش شما نوتيفيكيشن هايي در مورد پست هاي جديد بلاگ وردفنس كه در مورد مسائل امنيتي است و همچنين ورژن هاي جديد دريافت مي كنيد.

در پايين اين بخش، شما مي توانيد وضعيت امنيتي سيستم خود را مشاهده كنيد كه شامل قابليت هاي فعال شده ورد فنس،‌ حملات بلاك شده در روز، ماه و سال بر روي سايت و شبكه ورد فنس شما، تلاش براي ورود، آي پي هاي بلاك شده و كشورهايي كه بيشترين حملات از آن جا به شما شده است مي شود. دشبورد يك جاي عالي براي پيدا كردن يك ديد كلي نسبت به اتفاقاتي كه براي سايت شما افتاده و علاقه جامعه هكرها به رخنه به سايت شما مي باشد. در اين صورت شما مي تواند سطح تهديد را ارزيابي كنيد تا ببينيد آيا لازم است اقدامات ديگري نيز انجام شود و يا تنها بايد بيشتر مراقب باشيد.

سايت خود را اسكن كنيد

در ميان مهم ترين بخش هاي پلاگين ماژول اسكن ديده مي شود. زماني كه بر روي Start a Wordfence Scan كليك مي كنيد، اين پلاگين وب سايت شما را براي مشكلات احتمالي امنيتي اسكن مي كند كه مي توانند شامل موارد زير باشند:

Backdoorها، Malwareها و آسيب پذيري ها

فايل هاي اصلي تنظيم شده

فايل هاي ناشناس در پوشه هاي وردپرس

آپديت هاي نا مترقبه

كامنت هايي با لينك هاي غيرامن

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

علاوه بر اين، پلاگين به شما اجازه مي دهد اين فايل ها را با فايل هاي اصلي جايگزين كنيد حتي اگر خودتان قبلاً از آن ها بك آپ نگرفته باشيد. همچنين توجه داشته باشيد كه اين اسكن ممكن است بر اساس اندازه سايت شما مقداري زمان ببرد. زماني كه اسكن به پايان برسد، ورد فنس به شما ليستي از مشكلات احتمالي امنيتي و پيشنهاداتي براي رفع آن ها خواهد داد.

شما همچنين مي توانيد فايل ها را در كنار همديگر بررسي كنيد تا ببينيد كدام كدها تغيير يافته اند. مشكلاتي را كه حل كرده ايد تيك بزنيد و يا اگر فكر مي كنيد يكي از آن ها اهميت زيادي ندارد مي توانيد آن را ناديده بگيريد. پنل Options در بالاي صفحه به شما اين اجازه را مي دهد كه چيزهايي كه مي خواهيد اسكن شوند را تعيين كنيد.

به عنوان مثال، شما مي توانيد از پلاگين بخواهيد كه به دنبال قالب ها و فايل هاي پلاگين تغيير يافته باشد،‌ اسكن خود را فراتر از Directory وردپرس ببريد و يا از اسكن با منابع كم استفاده كنيد كه كمترين قدرت پردازش را لازم دارد. علاوه بر موارد ذكر شده، ورد فنس به صورت خودكار يك بار در روز سايت شما را اسكن كرده و نتيجه آن را به آدرس ايميل شما ارسال مي كند.

فايروال را بهينه سازي كنيد

علاوه بر اسكن، ورد فنس فايروالي دارد كه جلوي تهديدها را مي گيرد. شما مي توانيد آن را در بخش Firewall مشاهده كنيد. هدف اين فايروال فيلتر كردن حملات قبل از رسيدن به سايت است. در نسخه پريميوم اين پلاگين،‌ قوانين فايروال در طي زمان بروز رساني مي شوند،‌ در حالي كه در نسخه رايگان هر ۳۰ روز يك بار اين اتفاق مي افتد.

در ابتداي استفاده از پلاگين،‌ ورد فنس به شما پيشنهاد مي دهد كه فايروال را در حالت يادگيري باقي بگذاريد،‌ كه به صورت پيشفرض فعال است. در اين صورت پلاگين بهتر مي توانيد شيوه كار كردن وب سايت شما را درك كند و بداند كه چه كسي بايد داخل سايت باشد و چه كسي نبايد به سايت راه پيدا كند.

بعد از يك هفته، فايروال به صورت خودكار به حالت فعال تغيير پيدا مي كند، بنابراين فعلاً لازم نيست شما كاري انجام دهيد. اگرچه، بهتر است كه بر روي دكمه Optimize Worfence Firewall كليك كنيد. اين كار به ورد فنس اجازه اضافه كردن يك سري چيزها به فايل .htaccess شما مي دهد تا فايروال بتواند عملكرد بهتري از خود نشان دهد. زماني كه اين كار انجام شد، راه اندازي اوليه كامل شده است و مي توانيم به سراغ قابليت هاي ديگر برويم.

قابليت هاي ديگر پلاگين وردفنس wordfence

تنظيمات پيشرفته فايروال

فايروال ورد فنس كارايي بيشتري نسبت به توضيحات بالا دارد. به عنوان مثال، نسخه پريميوم آن داراي قابليت بلاك كردن كشورها مي باشد. در اين صورت اگر سايت شما حملات زيادي را از يك ناحيه مشخص دريافت كند، شما مي توانيد كاملاً اين كشور را بلاك كرده و ترافيك ورودي از آن جا را به مسير ديگري هدايت كنيد.

سپس مي رسيم به تب آدرس هاي آي پي بلاك شده و قفل شده. اگر فايروال تشخيص دهد كه شخصي مي خواهد به سايت شما آسيب برساند، به صورت اتوماتيك آي پي اين شخص را بلاك مي كند. البته شما مي توانيد به صورت دستي نيز آي پي هايي كه مي خواهيد را به اين ليست اضافه كنيد. زير بخش Advanced Blocking، آپشن هاي بيشتري نيز در اختيار شما قرار دارد.

در اين بخش مي توانيد رنج زيادي از آدرس هاي آي پي، نام هاست ها، كاربران و ارجاع دهندگان را Exclude كنيد. در بخش بعد، Brute Force Protection شامل تمامي آپشن هاي لازم براي محافظت از سايت شما در برابر اين حملات را دارا مي باشد.

علاوه بر اين، شما مي توانيد ادمين ها را مجبور به انتخاب پسووردهاي قوي كنيد، تعداد مجاز لاگين و فراموشي پسوورد در تلاش براي لاگين قبل از قفل شدن آي پي را مشخص كنيد، بازه زماني ميان تلاش هاي لاگين را تعيين كنيد و ديگر آپشن هاي مربوط به لاگين كه سايت شما را امن نگه مي دارند. در نهايت زير بخش Rate Limiting، مي توانيد فعاليت ربات هاي گوگل در سايت خود را محدود كنيد.

ترافيك لايو

در پنل لايو ترافيك شما مي توانيد تمامي ترافيك ورودي سايت خود را كه شامل ورودي هاي غير انسان يعني خزندگان گوگل، Scriptها و RSS خوان ها نيز مي شود مشاهده كنيد.

اين قسمت اخطارهايي را در زمينه فعاليت هاي مشكوك به شما مي دهد و مي توانيد آن را به شيوه هاي مختلفي فيلتر كنيد، بر اساس كاربران ثبت نام شده، تلاش براي دسترسي به صفحات غيرقابل دسترس، صفحه لاگين و موارد ديگر. اين كار به شما اجازه مقابله با حملات DDoS يا ميزان ترافيك غيرعادي از يك آي پي را مي دهد. علاوه بر اين،‌ ورد فنس به شما اجازه راه اندازي يك WHOIS در تمامي آدرس ها براي اطلاعات بيشتر مي دهد.

ابزارها

ورد فنس همچنين ابزارهاي مختلفي را در بخشي به همين نام به شما ارائه مي دهد. اولين گزينه بررسي پسوورد است، كه تنها در اختيار اعضاي پريميوم پلاگين قرار مي گيرد. در اين ابزار، پلاگين كيفيت پسووردهاي سايت شما را بررسي مي كند. در مقابل با قابليت خود وردپرس كه به كاربران در ايجاد پسووردهاي قوي كمك مي كند، اين پلاگين در واقع يك تلاش براي هك كردن پسوورد در سايت شما انجام مي دهد. بعد از اين كار، پلاگين به شما مي گويد كه كدام بخش ها نياز به بهبود دارند.

ابزار دوم كه به آن در مورد قبل اشاره كرديم بررسي WHOIS است. با استفاده از آن، شما مي توانيد ببينيد كه آدرس هاي آي پي و دامين هايي كه سعي بر دسترسي به سايت شما دارند در كدام نقطه از جهان هستند. اگر اين آپشن را در پنل لايو ترافيك انتخاب كنيد، باز هم به همين بخش هدايت خواهيد شد.

سومين ابزار در اين ليست جزو ابزارهاي پريميوم است و Cellphone Sign-in نام دارد. زماني كه آن را فعال كنيد، Two factor authentication را به تمامي كاربران و يا سطوح كاربري مشخصي از سايت شما كه خودتان انتخاب مي كنيد،‌ اضافه مي كند. در پايان، بخش ابزار داراي تب Diagnostic است، كه شامل اطلاعات مختلفي در مورد سيستم سرور شما، نصب وردپرس، ديتابيس و موارد مشابه مي باشد.

آپشن ها

ورد فنس داراي ليست طولاني از تنظيمات مختلف مي باشد.در پنل آپشن ها شما تقريباً مي توانيد هر چيزي را فعال يا غيرفعال كنيد و كنترل كاملي بر نحوه كارايي عوامل مختلف سايت داشته باشيد. اين بخش همچنين داراي تمامي تنظيماتي است كه شما مي توانيد در قسمت هاي ديگر روي آن ها كنترل داشته باشيد.

قابليت هاي پريميوم

تا به حال چندين بار به نسخه پريميوم اين پلاگين اشاره كرده ايم. اگر مي خواهيد كه آن را داشته باشيد بايد به صورت سالانه براي هر API نودو‌نه دلار پرداخت كنيد. اين قيمت با اضافه كردن APIها و سال هاي اضافي مقبولانه تر مي شود.

علاوه بر قابليت هايي كه بالاتر به آن ها اشاره كرديم، چند قابليت ديگر نيز وجود دارد كه كاربران مي توانند از آن ها بهره ببرند:

Remote Scan – توانايي اسكن كردن بخش عمومي سايت شما براي نشان هايي از ورود با ابزار خارجي.

چك كردن سايت در برابر ليست هاي اسپم – لينك هاي روي سايت شما براي پيدا كردن سايت هاي بلك ليست شده در Spamvertized و ليست مرور امن گوگل چك مي شوند.

پشتيباني پريميوم – پشتيباني رايگان هميشه در انجمن هاي گفتگوي وردپرس وجود دارد. با داشتن نسخه پريميوم، شما مي توانيد به صورت مستقيم در تماس با ورد فنس باشيد و از متخصصان آن ها كمك بگيريد.

تا به اينجا ورد فنس محبوب ترين پلاگين امنيتي در فضاي وردپرس است و مي توان گفت كه لياقت اين لقب را نيز دارد، حتي تنها نسخه رايگان اين پلاگين نيز داراي قابليت هاي بسيار زيادي بوده كه مي تواند سايت شما را از حملات و ليست هاي اسپم در امان نگه دارد. از چكاپ هاي امنيتي كامل گرفته تا يك فايروال كاملاً مجهز، اين پلاگين تمام تلاش خود را براي دور كردن هكرها و تهديدهاي امنيتي از سايت شما انجام مي دهد.

 

 

چه عواملي بر سرعت وب‌سايت موثر هستند؟

تحقيقات و آمارها نشان مي‌دهد تقريبا نيمي از كاربران وقتي وارد يك وب‌سايت مي‌شوند انتظار دارند آن سايت در عرض ۲ ثانيه يا كمتر لود شود و اگر انتظارشان در عرض ۳ ثانيه برآورده نشود سايت را ترك مي‌كنند. از طرف ديگر حدود ۷۸% كساني كه آنلاين خريد مي‌كنند اگر تجربه خوبي از وب‌سايت به دست نياورند و سرعت آن كم باشد ديگر براي خريد به آن مراجعه نمي‌كنند و جالب‌تر اينكه ۴۴% از آنها اين تجربه‌ي بد را به اطرافيانشان هم انتقال مي‌دهند.

داده‌هايي كه از اين تحقيقات به دست آمده نشان مي‌دهد تنها و تنها يك ثانيه تاخير در زمان لود وب‌سايت مي‌تواند نرخ تبديل را تا ۷% كاهش دهد. به عنوان مثال در نظر بگيريد اگر بيزينس شما روزانه ۱ ميليون تومان درآمد داشته باشد، فقط با يك تاخير يك ثانيه‌اي در بارگذاري وب‌سايت ممكن است در سال ۲۵ ميليون تومان را از دست بدهيد. پس با علم به اين اطلاعات و داده‌ها از همين الان دست به كار شويد. ما در اين مقاله به شما كمك مي‌كنيم ابتدا عواملي كه بر سرعت وب‌سايت تاثيرگذار هستند را شناسايي كنيد و بعد راه‌حل افزايش سرعت را در اختيارتان مي‌گذاريم پس تا آخر با ما همراه باشيد.

ابزار سنجش سرعت لود شدن وب‌سايت

قبل از شروع هر چيزي اولين مسئله‌اي كه بايد از آن آگاه باشيد سرعت لود شدن وب‌سايتتان است. وب‌سايت‌هاي زيادي براي اين كار وجود دارند كه فقط كافي است آدرس هر وب‌سايتي را كه ميخواهيد در آن وارد كنيد تا سرعت آن را به شما گزارش بدهند. يكي از محبوب‌ترين اين سايتها GTmetrix است. كافي است وارد اين سايت شويد و URL وب‌سايتتان را در باكس مخصوص وارد كنيد، آن را آناليز مي‌كند و پس از چند ثانيه سرعت وب‌سايت را بر حسب ثانيه و ميلي ثانيه به شما گزارش مي‌دهد. البته علاوه بر گزارش سرعت وب‌سايت، عوامل ديگري هم مانند تعداد درخواست‌هاي ارسالي به سرور، سرعت سرور و يا سايز لندينگ پيج و … به شما داده مي‌شود كه از آن استفاده‌هاي زيادي مي‌توان كرد.

عوامل موثر بر سرعت وب‌سايت

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

سرعت سرور (هاستينگ)

يكي از مهم‌ترين عواملي كه در سرعت لود وب‌سايت شما موثر است شركتي است كه ميزبان وب شماست و اينكه براي وب‌سايت شما از چه نوع سروري استفاده مي‌كند و سرعت آن چه ميزان است. اگر منابع كافي روي سرور اصلي وجود نداشته باشد در خدمت‌رساني به سايت‌هاي مختلف دچار مشكل مي‌شود. وب‌سايتهاي كوچكتر معمولا از سرور اشتراكي استفاده مي‌كنند اما وب‌سايت‌هاي بزرگتر خيلي اوقات نياز به سرور اختصاصي دارند. به عنوان مثال سايت‌هايي مانند فيسبوك يا توئيتر به دليل حجم بسيار بالاي ترافيك نيازمند سرور اختصاصي هستند تا بتوانند همه منابع را كنترل كنند و پاسخگوي آن حجم از ترافيك باشند.

 

يكي از مهم‌ترين عواملي كه در سرعت لود وب‌سايت شما موثر است ميزبان وب شماست

 

زماني كه مي‌خواهيد شركت خدماتي هاست خود را انتخاب كنيد بايد به اين نكته توجه كنيد كه نرخ Uptime (مدت زمان در دسترس بودن، بدون قطعي) حداقل ۹۹.۵% داشته باشد. كه آن ميزان قطعي ۰.۵% هم براي زماني است كه سروري كه وب‌سايت شما روي آن قرار دارد مشغول به روزرساني شدن است و اين كاملا طبيعي است. توجه داشته باشيد اگر سرعت سرور پايين باشد هر كاري كه براي بهينه‌سازي سرعت وب‌سايتتان انجام دهيد بي‌فايده خواهد بود.

اگر ترافيك شما از محل‌هاي جغرافيايي متفاوت مي‌آيد بهتر است روي يك سيستم CDN (Content Delivery Network) سرمايه‌گذاري كنيد. اين نوع شبكه‌ها مجموعه‌اي از سرورها هستند كه زماني كه كاربر از يك محل جغرافيايي خاص وب‌سايت شما را باز مي‌كند نزديك‌ترين سرور به او وصل مي‌شود و در نتيجه ديتا نيازي به سفر طولاني ندارد و با سرعت مناسب براي كاربر لود مي‌شود.

سايز و نوع فايل‌هاي وب‌سايت

به زبان ساده و كلي، هر چقدر سايز فايل‌هايي كه روي وب‌سايت آپلود مي‌كنيد بزرگتر باشد و هر چقدر ميزان فايل‌هايي كه آپلود مي‌كنيد بيشتر باشد روي سرعت وب‌سايت شما اثر منفي مي‌گذارند چرا كه طبيعتا نيازمند زمان بيشتري براي بارگذاري هستند. براي بهينه كردن اين مسئله بايد كدهايي كه استفاده مي‌كنيد را كوتاه‌تر كنيد، سايز فايل‌هاي آپلودي را كاهش دهيد و مهم‌تر از همه سايز و فرمت تصاوير را تا جايي كه ممكن است بهينه‌سازي كنيد.

حجم ترافيك

بعضي وب‌سايت‌ها پهناي باند مشخصي دارند. پهناي باند به ميزان ديتايي گفته مي‌شود كه در طول يك مدت زمان مشخص منتقل مي‌شود (معمولا در طول يك ماه). داشتن حجم بالاي ترافيك قطعا نشانه‌ي خوبي است. اما اگر هاست شما توانايي كمي در اختصاص پهناي باند داشته باشد، آن وقت است كه نه تنها ريسك سرعت پايين براي وب‌سايت پيش مي‌آيد، بلكه در صورت كمبود پهناي باند و تا زماني كه دوباره ابتداي دوره برسد وب‌سايت شما اصطلاحا shut down مي‌شود و بالا نمي‌آيد.

 

با توجه به ترافيك ورودي پهناي باند مناسب را انتخاب كنيد

 

اين موضوع به خصوص براي فروشگاه‌هاي آنلاين حياتي محسوب مي‌شود. حجم ترافيك بالا نشان مي‌دهد بيزينس به خوبي دارد كارش را انجام مي دهد و طبيعتا نرخ تبديل بالايي هم دارد. پس اگر نمي‌خواهيد مشتريانتان را از دست بدهيد حتما يك چشمتان به پهناي باند باشد تا عملكرد مخرب جلوگيري كنيد.

پلاگين‌هاي وب‌سايت

پلاگين‌هاي‌ (افزونه) بي‌شماري براي وردپرس وجود دارند كه اتفاقا بسيار هم كاربردي هستند، به خصوص اگر زياد از مسائل تكنيكي و برنامه‌نويسي سر در نياورديد اين پلاگين‌ها بسيار كمك‌كننده و وسوسه انگيز خواهند بود. اما در كنار شيريني استفاده از پلاگين‌هاي مختلف نبايد فراموش كنيد كه استفاده بيش از اندازه از آنها باعث مي‌شود سرعت وب‌سايت تا حد چشم‌گيري كاهش پيدا كند، به خصوص اگر بهينه‌سازي نشده باشند. پلاگين‌ها كاربردهاي مختلفي دارند. بعضي از آنها ديتابيس را درگير مي‌كنند و بعضي هم براي استفاده‌هاي front-end طراحي شده‌اند. از ميان آنها، پلاگين‌هايي كه ديتابيس را درگير مي‌كنند قطعا سنگين‌تر هستند و سرعت بيشتري از وب‌سايت طلب مي‌كنند.

متاسفانه عدد مشخصي براي نصب پلاگين روي وب‌سايت وجود ندارد و نمي‌توان تعداد ماكزيمم نصب پلاگين را برشمرد چرا كه اين مسئله كاملا بستگي به ظرفيت وب‌سايت شما، نوع پلاگين‌هاي مورد استفاده و بسياري عوامل ديگر دارد. يك پلاگين بد مي‌تواند حجم بيشتر از ۱۰ فايل را داشته باشد در حالي كه چندين پلاگين خوب مي‌توانند اندازه يك فايل باشند. اين مسئله به توسعه‌دهنده‌ي پلاگين هم بستگي دارد، اينكه چقدر كدنويسي با كيفيت دارد يا چقدر بهينه شده است. حتي‌الامكان سعي كنيد از پلاگين‌هاي محبوب و شناخته شده استفاده كنيد و در نصب آن ها زياده‌روي نكنيد.

موارد ديگر

چندين عامل ديگر هم وجود دارند كه شايد از عهده شما خارج باشد و به سيستم كاربر مرتبط باشد كه در اين زمينه ممكن است كاري نتوانيد انجام دهيد. عواملي مانند كش مرورگر، سرعت كانكشن كاربر و نوع مرورگر مورد استفاده و … همگي مي‌توانند در سرعت لود شدن وب‌سايت موثر باشند هرچند اينها سهم كوچكي دارند و آنچه كه بايد مورد تمركز شما قرار بگيرد مواردي بود كه در بالا به آن اشاره شد.

اما حالا كه با عوامل كاهش سرعت وب‌سايت آشنا شديم بايد بدانيم چه روش‌هايي براي افزايش و بهينه‌سازي آن وجود دارد. يكي از محبوب‌ترين روش‌ها استفاده از پلاگين يا همان افزونه‌هاي افزايش سرعت است. در ادامه ۱۰ مورد از قدرتمندترين اين افزونه‌ها را معرفي مي‌كنيم كه بنا بر نيازتان مي‌توانيد از آنها كمك بگيريد.

۱۰ پلاگين براي افزايش سرعت وب‌سايت وردپرسي

WP Rocket

 

قيمت: ۴۹ دلار

يكي از قدرتمندترين پلاگين‌هاي بهينه‌سازي سرعت در وردپرس WP Rocket است كه تقريبا همه چيز را پوشش مي‌دهد. اين افزونه به شما كمك مي‌كند موارد مربوط به كش (Cache) پيج‌هاي وب‌سايتتان را انجام دهيد و بسياري تاكتيك‌هاي ديگري را در زمينه بهينه‌سازي عملكرد اجرا كنيد.

زماني كه اين پلاگين را نصب مي‌كنيد به طور اتوماتيك موارد زير انجام مي‌شود:

پاك كردن كش پيج‌هاي وب‌سايت

پاك كردن كش مرورگر

فشرده‌سازي فايل‌ها (Gzip)

از مزاياي اين پلاگين آن است كه بر خلاف ديگر پلاگين‌ها كه طرز كار با آنها كمي پيچيده است، استفاده از اين پلاگين بسيار راحت و ساده است و به خصوص براي افراد تازه‌كار توصيه مي‌شود. از معايب اين افزونه هم قيمت بالاي آن است، اما براي افرادي كه وقت يادگيري ندارند اين افزونه بسيار كمك كننده و ساده خواهد بود.

ديگر ويژگي‌هايي كه WP Rocket در اختيار شما خواهد گذاشت:

كاهش سايز كدها

ادغام فايل‌ها

حذف جاوا اسكريپت كند

كنترل Heartbeat API

افزايش سرعت پيج

ادغام CDN

بهينه‌سازي ديتابيس

Perfmatters

قيمت: ۲۵ دلار

Perfmatters كمي متفاوت‌تر از پلاگين‌هاي اين ليست است. اين پلاگين به شما كمك مي‌كند بسياري از بخش‌هاي كوچكتر وب‌سايت وردپرسي‌تان بهينه‌سازي كنيد. البته اين پلاگين پاك كردن كش انجام نمي‌دهد اما اگر از افزونه‌هاي كشينگ استفاده مي‌كنيد اين پلاگين بهترين مكمل براي بهينه‌سازي سرعت خواهد بود. يكي از بهترين ويژگي‌هاي اين پلاگين آن است كه بسياري از تنظيمات كوچكي كه هيچ استفاده‌اي هم براي وب‌سايت ندارند، مانند فونت ايموجي، شماره نسخه وردپرس و … را پاك مي‌كند. اين پلاگين همچنين تعدادي از درخواست‌هاي HTTP غير ضروري را هم حذف مي‌كند.

علاوه بر اين، پلاگين Perfmatters يك ابزار مديريت اسكريپت دارد كه به شما اجازه مي‌دهد به صورت دستي و هر زماني كه خواستيد جاوا اسكريپت/CSS را روي پيج‌هاي مشخص بارگذاري كنيد. به عنوان مثال اگر پلاگين فرم تماس شما اسكريپت‌هايش را در تمامي وب‌سايت لود مي‌كند با استفاده از Perfmatters مي‌تواند آن را شخصي سازي كنيد به طوري كه اسكريپتش را فقط در صفحه تماس شما لود كند. اين مسئله براي جلوگيري از درخواست‌هاي HTTP غير ضروري بسيار كاربردي است.

از ديگر ويژگي‌هاي اين پلاگين:

تغيير DNS (سيستم نام دامنه)

غيرفعال كردن Heratbeat API

بهينه‌سازي تصاويري كه دير لود مي‌شوند

آناليز محلي هاست

يكي از معايب اين پلاگين عدم پاك كردن كش است. به طور كلي اگر از قبل از پلاگين‌هاي كشينگ استفاده مي‌كنيد (يا هاست شما پاك كردن كش را برايتان انجام مي‌دهد) اين پلاگين مي‌تواند يك گزينه خوب براي بهينه‌سازي سرعت وب‌سايت باشد.

WP Fastest Cache

قيمت: رايگان

اين پلاگين يكي از محبوب‌ترين پلاگين‌هاي رايگان است كه بيش از ۳۰۰۰ نقد مثبت گرفته و در امتيازبندي رتبه ۴.۹ را دارد و ۲۰۰ هزار نصب فعال دارد. استفاده از اين پلاگين بسيار ساده است به طوري كه فقط با زدن يك تيك مي‌توانيد كشينگ را فعال كنيد تا به طور خودكار كش پيج‌هاي وب‌سايتتان پاك شود.

علاوه بر اين، نسخه رايگان اين پلاگين ويژگي‌هاي زير را ارائه مي‌دهد:

فشرده‌سازي فايل‌ها

پاك كردن كش مرورگر

كاهش سايز براي HTML و CSS (عدم پشتيباني از جاوا اسكريپت)

قابليت غيرفعال كردن ايموجي‌هاي وردپرس

غيرفعال كردن كشينگ براي بعضي كاربران و محتواهاي سايت

ابزاري براي ادغام با CDNها

البته اگر نياز به خدمات بيشتري داشته باشيد مي‌توانيد نسخه پولي آن را تهيه كنيد كه ويژگي‌هاي زير را اضافه مي‌كند:

بهينه‌سازي تصاوير

بهينه‌سازي ديتابيس

كاهش سايز پيشرفته (پشتيباني از جاوا اسكريپت)

افزايش سرعت لود

نسخه پولي اين پلاگين از ۵۹ دلار به بالا است.

WP Super Cache

قيمت: رايگان

يكي ديگر از پلاگين‌هاي محبوب و رايگان WP Super Cache است كه محصول كمپاني Automattic است. اولين چيزي كه در استفاده از اين پلاگين نظر را جلب مي‌كند سادگي آن است. پس اگر كاملا تازه‌وارد هستيد فقط كافي است بعد از نصب پلاگين يك تيك كوچك بزنيد و بقيه كارها را به خودش بسپاريد.

البته اگر بخواهيد كنترل بيشتري روي امور داشته باشيد در قسمت تنظيمات مي‌توانيد آن را مديريت كنيد, مثلا:

انجام عمليات فشرده‌سازي

پاك كردن كش مرورگر

كشينگ محتوا

زمان‌بندي انجام كشينگ

علاوه بر اين با اين پلاگين مي‌توانيد به CDN انتخابي خودتان متصل شويد. اين پلاگين كاملا رايگان است و نسخه پولي ندارد.

W3 Total Cache

قيمت: رايگان

يكي ديگر از پلاگين‌هاي محبوب و در عين حال رايگان وردپرس W3 Total Cache است كه نسبت به ديگر پلاگين‌هاي ليست امكانات بيشتري از لحاظ كشينگ ارائه مي‌دهد. اما داشتن همين امكانات پيشرفته باعث پيچيدگي استفاده از اين پلاگين شده است و كار با آن كمي تمرين و مطالعه مي‌خواهد و آموزش‌هايي هم در رابطه با اين پلاگين در سطح وب مي‌توان پيدا كرد.

اگر تازه‌كار هستيد توصيه مي‌شود سراغ پلاگين‌هاي ديگر ليست برويد، چرا كه پيچيدگي اين پلاگين مخصوص وب‌مستران حرفه‌اي ساخته شده و كار با آن ممكن است سر در گمتان كند. از طرفي اگر از حرفه‌اي‌هاي اين صنعت هستيد و مي‌خواهيد روي وجوه مختلف كشينگ كنترل كامل داشته باشيد، بهترين گزينه براي شما همين  پلاگين است. به عنوان مثال مي‌توانيد موارد زير را كنترل كنيد:

كشينگ پيج

كشينگ مرورگر

كشينگ ديتابيس

Object Caching

Fragment Caching

علاوه بر اين، اين پلاگين قابليت كاهش سايز كدها و اتصال به CDN انتخابي شما را دارد.

WP-Optimize

قيمت: رايگان (نسخه پولي از ۳۹ دلار در سال)

اين پلاگين در گذشته منحصرا براي بهينه‌سازي ديتابيس به كار مي‌رفت در حالي كه امروز علاوه بر بهينه‌سازي ديتابيس، تبديل به يك پلاگين افزايش سرعت تمام عيار وردپرسي شده است.

برخي از ويژگي‌هاي اين پلاگين:

كشينگ پيج‌هاي وبسايت

فشرده‌سازي تصاوير

فشرد‌سازي Gzip

نسخه پرميوم اين پلاگين ويژگي‌هاي بيشتري ارائه مي‌دهد از جمله:

زمان‌بندي كشينگ ديتابيس

حذف تصاوير بي‌استفاده

بهينه‌سازي تصاوير كند

بهينه‌سازي جداول ديتابيس

اين پلاگين ساخته‌ي همان تيمي است كه پلاگين بك آپ محبوب UpdraftPlus را ارائه مي‌دهد و طبيعتا تيم خوبي پشت آن است. نسخه رايگان آن روي سايت وردپرس موجود است و ميتوانيد استفاده كنيد.

Autoptimize

قيمت: رايگان

اين پلاگين يكي از پلاگين‌هاي رايگان و محبوب ديگري است كه به بهينه‌سازي HTML، CSS و JavaScript كمك مي‌كند اما يكي از معايبش آن است كه عمل كشينگ را انجام نمي‌دهد.

از ويژگي‌هاي اين پلاگين:

كاهش سايز كدينگ: با اين ويژگي بدون آنكه در كارايي سايت اختلالي ايجاد شود كدنويسي بهينه مي‌شود. به طور مثال كاراكترهاي اضافي، خطوط فاصله و … كه فقط سايز كدينگ را بالا مي‌برند و عملا هيچ استفاده‌اي ندارند حذف مي‌شوند.

ادغام كردن درخواست‌ها: با اين ويژگي فايل‌هاي جداگانه با هم ادغام و تبديل به يك فايل مي‌شوند و همين باعث مي‌شود تعداد درخواست‌هاي روي وبسايت شما كاهش پيدا كند.

علاوه بر اين‌ها، اقدامات اوليه‌اي مانند پاك كردن ايموجي‌ها هم انجام مي‎‌گيرد. در كل اگر از پلاگين‌هاي كشينگ به طور جداگانه استفاده مي‌كنيد اين پلاگين مي‌تواند به صورت مكمل استفاده شود.

Asset CleanUP

 

قيمت: رايگان (نسخه پولي ۳۹ دلار)

اين پلاگين يكي از پلاگين‌هاي خوب براي بهينه‌سازي اسكريپت‌هاي وبسايت است. با اين پلاگين مي‌توانيد به صورت موردي اسكريپت‌هايي را كه نياز داريد اجرا يا غيرفعال كنيد. به عنوان مثال مي‌توانيد بعضي اسكريپت‌ها را طوري محدود كنيد كه فقط در پيج‌هايي خاص از وبسايت كه مي‌خواهيد اجرا شوند. اگر اسكريپت‌هاي غير ضروري داريد كه در كل وبسايت نمايش داده مي‌شوند اين پلاگين ميتواند كمكتان كند. به عنوان مثال اسكريپت فرم تماس شما در همه پيج‌ها نمايش داده مي‌شود، كه طبيعتا غير ضروري است. با اين پلاگين مي‌توانيد اسكريپت فرم تماس را فقط به پيج تماس با ما محدود كنيد كه همين باعث ميشود تعداد درخواست‌ها از پيج‌هاي ديگر كاهش پيدا كند.

از ويژگي‌‌هاي ديگر اين پلاگين:

كاهش سايز كدينگ

ادغام فايل‌ها

حذف ايموجي‌ها و آيكون‌ها

بهينه‌سازي فونت‌هاي گوگل

البته از معايب اين پلاگين آن است كه كشينگ انجام نمي‌دهد و بايد آن را با يك پلاگين كشينگ مكمل كنيد.

ShortPixel

قيمت: رايگان (نسخه پولي ماهانه ۵ دلار)

به طور ميانگين معمولا حدود ۵۰% سايز وب‌سايت‌ها را تصاوير اشغال مي‌كنند. پس اگر فكري براي بهينه‌سازي تصاوير كنيد تقريبا نصف راه را رفته‌ايد و سرعت سايتتان را بهينه كرده‌ايد. ShortPixel يكي از افزونه‌هاي قدرتمندي است كه منحصرا در زمينه بهينه‌سازي تصوير فعاليت مي‌كند و به طور اتوماتيك كارهاي زير را برايتان انجام مي‌دهد:

تغيير سايز تصوير با ماكزيمم ابعاد به صورت بهينه

فشرده‌سازي تصاوير

تبديل WebP (براي مرورگرهايي كه از آن پشتيباني مي‌كنند)

تبديل PNG به JPG

البته همين تيم يك پلاگين جداگانه ديگري هم با نام ShortPixel Adaptive Images plugin ارائه مي‌كنند كه اين پلاگين همچنان بهينه‌سازي عكسها را انجام مي‌دهد اما علاوه بر آن از يك CDN جهاني استفاده مي‌كند تا بتواند بر اساس دستگاه هر كاربر سايز عكس را مناسب با آن تغيير دهد و در واقع اين سيستم بر مبناي انعطاف‌پذيري عكس بر اساس دستگاه مي‌كند. مثلا اگر كاربري با  موبايل وارد سايت شود، عكس مناسب با صفحه نمايش دستگاه او در مي‌آيد و بر عكس كسي كه با صفحه نمايش بزرگتري وارد مي‌شود تصوير را بزرگتر مي‌بيند. اين پلاگين براي وب‌سايت‌هايي كه از تصاوير زيادي استفاده مي‌كنند بسيار كاربردي است.

Lazy Load (از تيم WP Rocket)

قيمت: رايگان

يكي ديگر از پلاگين‌هاي رايگان Lazy Load مي باشد كه همان تيم WP Rocket آن را توسعه داده است. اين پلاگين منحصرا در زمينه افزايش لود وب‌سايت فعاليت مي‌كند.اين پلاگين كمك مي‎‌كند محتواهاي بالاي صفحه زودتر از محتواي پايين صفحه يا همان Below the fold لود شوند و تا كاربر تصميم به اسكرول كردن صفحه مي‌گيرد محتواهاي پايين هم لود مي‌شوند همين مسئله سرعت لود وب‌سايت را بالا مي‌برد چرا كه به جاي لود كل صفحه به صورت يكجا، به ترتيب ابتدا قسمت‌هايي كه كاربر مي‌بيند لود مي‌شوند. البته اگر از قبل از پلاگين WP Rocket استفاده مي‌كنيد نيازي به نصب اين پلاگين نداريد چرا كه WP Rocket همه اين ويژگي‌ها را پوشش مي‌دهد.

دوره وردپرس با رويكرد ديجيتال ماركتينگ

طراحي سايت با وردپرس و بدون دانش كدنويسي را به آساني بياموزيد

سرفصل هاي دوره را بررسي كنيد

مقايسه سريع ليست بالا

اينكه كدام پلاگين براي شما بهتر است را كسي جز خودتان خبر نخواهيد داشت ، هر كدام از آنها ويژگي‌هاي خاص خودشان را دارا هستند . اما مسئله‌اي كه مهم است اين است كه هر وب‌سايت وردپرسي نيازمند يك پلاگين كشينگ است (البته بعضي هاست‌ها اين كار را به طور اتوماتيك براي شما انجام مي‌دهند مي‌توانيد اين مسئله را از شركت خدماتي خودتان سوال كنيد).

WP Rocket: مي‎‌توان گفت محبو‌ترين پلاگين است و علاوه بر كشينگ، از بسياري تكنيك‌هاي بهينه‌سازي سرعت استفاده مي‌كند و يك پكيج كامل به حساب مي‌آيد. استفاده از آن بسيار ساده است. تنها نقطه ضعف آن پولي بودنش است كه در مقايسه با ديگر پلاگين‌ها و راحتي استفاده ارزش هزينه‌اش را دارد.

WP Fastest Cache: اين پلاگين نسخه رايگان دارد، كشينگ انجام مي‌دهد و علاوه بر آن از تكنيك‌هاي مختلف بهينه‌سازي سرعت هم استفاده مي‌كند. استفاده از آن بسيار راحت است و اگر نمي‌خواهيد هزينه كنيد در اين ليست كامل‌ترين پلاگين رايگان به حساب مي‌آيد.

WP Super Cache: در ظاهر كاربري ساده‌اي دارد اما در عين حال كنترل‌هاي زيادي هم در اختيار شما مي‌گذارد. رايگان است و به خصوص براي افراد تازه‌كار بسيار مناسب است.

WP Total Cache: اين پلاگين يكي از پيچيده‌ترين‌ها با تنظيمات بسيار است. براي وبمستران و حرفه‌اي‌ها مناسب است.

WP Optimize: اين پلاگين از لحاظ ادغام فايل‌ها و بهينه‌سازي ديتابيس و تصاوير بسيار حرفه‌اي عمل مي‌كند.

Perfmatters و Asset CleanUp و Autoptimize: هر سه از افزونه‌هايي هستند كه منحصرا براي كساني كه مي‌خواهند روي اسكريپت‌هاي وب‌سايتشان كنترل داشته باشند و ميزان درخواست‌هاي HTTP را كاهش دهند مناسب است.

ShortPixel و Lazy Load by WP Rocket: هر دو منحصرا براي بهينه‌سازي تصاوير وب‌سايت مناسب هستند.

وايرفريم در طراحي اپليكيشن موبايل

وايرفريم در طراحي اپليكيشن موبايل

 

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

 

بيشتر كاربران با فضاها و الگوهاي طراحي در موبايل آشنا هستند و مي دانند با يك گوشي هوشمند چگونه كار كنند مانند ورق زدن گالري عكس در گوشي. مسئله مهم اين است كه از اين دانش و الگوهاي آماده استفاده كنيد و اپ متناسب با سايت خود را طراحي كنيد. در اين مقاله شما را با مراحل مهاجرت از طراحي سايت به طراحي موبايل آشنا خواهيد شد.

اصطلاحات و مفاهيم رابط كاربري موبايل

اگرچه طراحي سايت و اپليكيشن موبايل بسيار شبيه به هم هستند اما تفاوت هايي در نحوه ساخت و توسعه اپليكيشن وجود دارد و همين مسئله باعث به وجود آمدن اصطلاحات جديد و متفاوتي براي برخي از المان ها شده است. بهتر است قبل از شروع كار حتما با اين اصطلاحات آشنا باشيد زيرا به شما كمك مي كند تا با تيم توليد كننده اپليكيشن بهتر رابطه برقرار كنيد. اولين نكته اي كه بايد مورد توجه قرار دهيد اين است كه در حال طراحي صفحه وب نيستيد بلكه اسكرين (screen) طراحي مي كنيد. گذشته از آن بايد با برخي از المان ها و عناصر آشنا شويد كه در ادامه برخي از آنها را مي بينيد.

نويگيشن بار يا نوار ناوبري يا پيمايش

اين نوار در بالاي اپ اسكرين (بالاي صفحه اپليكيشن) قرار مي گيرد و با استفاده از آن مي توان با يك ضربه ميان اسكرين ها، حركت و جا به جا شد.

تب بار يا نوار تب

نوار تب در انتهاي اسكرين قرار مي گيرد و با استفاده از آن مي توان بين بخش هاي مختلف اپليكيشن، فورا جا به جا شد.

كنترل بخش

يك ست عمودي از دو يا چند دكمه هست كه به كاربر اين امكان را مي دهد كه نماهاي يك اسكرين را تغيير دهد. مانند تب هاي موجود در يك صفحه وب كه به كاربر اين امكان را مي دهد كه ست هاي مختلف از اطلاعات را مشاهده كند.

اكشن شيت

اكشن شيت مانند يك هشدار پاپ-آپ است . بعد از اينكه كاربر روي يك دكمه ضربه مي زنداز پايين اسكرين به سمت بالا باز مي شود. اكشن شيت يك سري از گزينه ها را به كاربر نشان مي دهد تا يكي را انتخاب كند.

استفاده از الگوهاي طراحي

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

رابط كاربري موبايل

همان طور كه قبلا بيان شد، در طراحي اپليكيشن موبايل، شما با انواع بيشتري از روابط كاربري سر و كار داريد. در ادامه برخي از آنها را مشاهده مي كنيد.

ضربه و دوبار ضرب:

شبيه كليك كردن با موس

بالا و پايين كشيدن:

مانند بالا و پايين كردن صفحات طولاني و دراز در وب سايت. همچنين براي حذف محتوا از يك ليست استفاده مي شود.

فشردن و نگاه داشتن:

اين كار بيشتر براي مرتب كردن اپ هاي روي صفحه موبايل به كار مي رود.

زوم كردن از طريق انگشتان دست:

اين حركت بسيار جالب و جذابي بوده است كه زماني كه اولين بار توسط اپل معرفي شد. كاربران مي توانند با استفاده از باز و بسته كردن دو انگشت خود، تصاوير را زوم كرده و يا از زوم خارج كنند. امروزه اين روش تقريبا در همه جا و همه اپليكيشن ها فراگير شده است. امروزه لمس 3D نيز به وجود آمده است، بدين صورت كه گوشي اين قابليت را دارد كه ميزان فشار انگشتان را تشخيص مي دهد و بسته به ميزان فشار، واكنش ها و اقدامات مختلفي انجام مي دهد، اما هر اپليكيشن يا دستگاهي، اين ويژگي را ساپورت نمي كند.

دلايل نيازمندي كسب و كارهاي كوچك به طراحي اپليكيشن موبايل

 

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

 

ارتقاء كسب و كار با اپليكيشن موبايل

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

كسب درآمد از طريق اپليكيشن

زماني كه اپليكيشن شما طراحي و آماده شد، آن زمان مي توانيد به نحوه كسب درآمد از طريق آن فكر كنيد مانند تبليغات درون برنامه اي.

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

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

دسترسي به مشتريان بيشتر

ساخت يك اپليكيشن مي تواند باعث شود شما نسبت به روش سنتي قبل (فقط سايت) به مشتريان بيشتري دسترسي پيدا كنيد. سرچ با موبايل امري محبوب و رايج مخصوصا بين جوانان است. مشتريان سنتي شما با صحبت و دهان به دهان شما را تبليغ مي كنند و مشتريان جديد (موبايلي) شما را از طريق سرچ پيدا مي كنند. استفاده از شبكه هاي اجتماعي مناسب در اپ نيز مي تواند تعداد مشتريان شما را افزايش دهد.

نمايش محصولات و خدمات

مي توانيد از اپليكيشن طراحي شده خود استفاده كنيد و محصولات و خدمات خود را به نمايش بگذاريد. در اين صورت كاربران به راحتي و در لحظه به شما دسترسي دارند. به مرور اپ خود را به روزرساني كنيد و ويژگي ها و محصولات مختلف خود را به آن اضافه كنيد. از اپ استفاده كنيد و فروش هاي ويژه و تخفيفات خود را از طريق آن به اطلاع مشتريان برسانيد.

همكاري متقابل و شراكت با ساير سرويس ها و شركت ها

با ساير شركت ها همكاري و شراكت كنيد و از مزاياي آنها استفاده و بهره ببريد، و در نتيجه مشتريان بيشتري را براي خود به وجود آوريد. مي توانيد ليستي از ساير شركت ها به صورت محلي تهيه كنيد و با آنها تيم شويد و تبليغ مشترك براي يكديگر انجام دهيد. اين كار به نفع هر دو شما است و افزايش سود را براي هر دو به ارمغان خواهد آورد.

استفاده از وب سايت موبايل فرندلي (سازگار با دستگاه هاي موبايل)

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

ضرورت استفاده از SSL در طراحي فروشگاه اينترنتي

 ضرورت استفاده از SSL در طراحي فروشگاه اينترنتي


 

در طراحي فروشگاه اينترنتي، بخشي از فرآيند راه اندازي، امنيت اطلاعات كاربران و خريداران مي باشد. سايت شما بايد به گونه اي باشد كه به مشتريان اين اطمينان را بدهد داده ها و اطلاعات آنها در سلامتي و امنيت كامل به سر مي برند. اگر به تازگي وارد دنياي تجارت الكترونيك شده ايد، احتمالا چيزهايي در مورد گواهينامه يSSL يا HTTPS شنيده ايد و مي دانيد كه اينها بخشي از فرآيند امنيت يك سايت مي باشند. نگران نباشيد ما شما را راهنمايي مي كنيم تا با ضرورت آن در طراحي سايت فروشگاهي آشنا شويد.

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

تشريح گواهينامه SSL 

براي اينكه به خوبي متوجه شويد گواهينامه SSL چيست و چرا به آن نياز داريد، بياييد اول مرور سريعي بر تكنولوژي آن داشته باشيم.

مرور سريع و كلي SSL 

SSL مخفف عبارت ((Secure Sockets Layer= لايه اتصال امن)) است، اگرچه برخي اوقات TLS ((Transport Layer Security= پروتكل امنيتي لايه انتقال)) نيز گفته مي شود. SSL به خودي خود پروتكلي است كه از آن براي محافظت و ايمني انواع تراكنش ها و معاملات (نه فقط مالي) بين دو مقصد در يك شبكه انجام مي شود. SSL با استفاده از رمزگذاري اين معاملات را محرمانه مي كند. نحوه رمزگذاري اينگونه است كه تمامي پيام هايي كه رد و بدل مي شوند بايد از يك گذرگاه داخلي عبور كنند و ابتدا رمزگذاري شوند. اگر اين بررسي با شكست مواجه شود (به دلايل مختلف مانند خرابي داده، يا هر گونه تلاش بيگانه براي تغيير يا دسترسي به اطلاعات) آن داده هاي رمزگذاري شده هرگز فاش يا منتشر نخواهند شد. شما هر روز زماني كه از سايت هاي معروف مانند فيسبوك، يوتيوب، و يا فروشگاه هاي اينترنتي بازديد مي كنيد، در واقع با SSL كار مي كنيد. SSL با استفاده از رمزگذاري، مانع به سرقت رفتن اطلاعات محرمانه شما (از سرچ هايتان گرفته تا اطلاعات كارت بانكي شما) مي شود.

نحوه پياده سازي SSL بر روي سايت ها

زماني كه يك وب سايت مي خواهد تراكنش هاي خود را امن كند، يك گواهينامه SSL براي دامنه خود تهيه مي كند. اين گواهينامه، همان طور كه در بالا گفته شد، تمامي فعاليت هاي سايت را رمزگذاري مي كند و مانع سرقت اطلاعات، داده ها و يا ساير حملات مي شود.

گواهينامه هاي SSL شامل اطلاعات مهم امنيتي نيز مي شوند، برخي از آنها عبارتند:

نام شركت

مكان شركت

مدت زماني كه آن گواهينامه اعتبار دارد.

اطلاعات شركتي كه گواهينامه را صادر كرده است.

اگر روي آيكون قفل سبز رنگي كه در سمت چپ نوار آدرس وجود دارد كليك كنيد مي توانيد اين اطلاعات را مشاهده كنيد.

از كجا بدانيم كه يك سايت از پروتكل امنيتي SSL استفاده مي كند

دو روش سريع وجود دارد كه از طريق آن مي توانيد متوجه شويد يك سايت پروتكل SSL دارد يا نه:

آيكون قفل سبز رنگ در نوار آدرس

آدرس سايت به جاي HTTP با Https شروع شده است

چه كساني از پروتكل امنيتي SSL استفاده مي كنند

تا مدت ها استاندارد اينترنت اينگونه بود كه فقط دامنه هايي كه صفحات خاص (مهم) داشتند يا سايت هايي كه اطلاعات حساس (مانند مالي و بانكي) رد و بدل مي كردند، از پروتكل SSL استفاده مي كردند اما امروزه اين استاندارد در حال تغيير است. در آگوست 2014 گوگل اعلام كرد كه ايمني و امنيت سايت ها در رنكينگ آنها تاثير مثبت و مستقيم خواهد گذاشت. اين به معني بود كه سايت هايي كه از پروتكل امنيتي SSL استفاده مي كنند از رنكينگ بهتري برخوردار خواهند شد.

در سال هاي گذشته اعلاميه گوگل باعث شده است كه خيلي از سايت ها (نه فقط فروشگاه هاي اينترنتي) گواهينامه ي SSL دريافت كنند و آن را مورد استفاده قرار دهند  و سايت خود را امن كرده و از HTTP به HTTPs كوچ كنند. با تمام اين مسائل اين بدين معني نيست كه همه مجبور باشند كل سايت خود را با SSL امن كنند. خودشان بايد انتخاب كنند، مي توانند آن صفحات حساس و مهم خود را در زيردامنه ها قرار داده و فقط براي آن زيردامنه ها، گواهينامه SSL خريداري كنند و بقيه صفحات سايت خود را همان گونه كه هست باقي بگذارند.

اهميت ssl در طراحي فروشگاه اينترنتي و عواقب نداشتن آن:

شايد با خود بگوييد ((چه اتفاقي مي افتد اگر من اين گواهينامه را نداشته باشم؟)) راستش را بخواهيد شايد هيچ اتفاقي نيافتد. شايد هم عواقبي از قبيل زير دامنگير شما شود:

خريداران و مشتريان سايت شما، اعتماد خود را از دست مي دهند زيرا سايت شما ناامن به نظر مي رسد.

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

هكر مي تواند با استفاده از مهندسي معكوس ايميل يا ساير اكانت هاي مشتريان را سرقت كند..

به سرقت رفتن اطلاعات حساس و مالي از سرور شما.

واكنش شديد عمومي و احتمالا عواقب و پيامدهاي مالي كه ممكن است به خاطر هر يك از موارد فوق اتفاق بيافتد.

همان طور كه مي بينيد، بهتر است به جاي اينكه دائما در ريسك و استرس باشيد، خيلي راحت با پرداخت كمي پول، يك گواهينامه ي SSLمناسب تهيه كنيد و ذهن خود را آرام و خلاص كنيد. شايد خيلي از مشتريان شما فقط به خاطر نداشتن آن آيكون قفل سبز رنگ از سايت شما منصرف شوند، آيا اعتماد كاربران، ارزش آن را ندارد كه اعتماد آنها را جلب كنيد؟! به دليل افزايش امنيت داده هاي كارت هاي اعتباري و جلب اعتماد مشتريان، استفاده از SSL در طراحي فروشگاه اينترنتي توصيه مي شود. اين گواهي نامه داراي مزاياي خاص خود است كه مقوله امنيت در راس همه موارد قرار دارد.

ده روش مهيج طراحي سايت براي ۲۰۲۰

 ده روش مهيج طراحي سايت براي ۲۰۲۰

 

در اين مقاله، ما بيش از ۱۰ روند طراحي سايت هيجان انگيز را بررسي مي‌كنيم كه افراد اين صنعت در سال ۲۰۲۰ منتظر آن هستند، و مي خواهند فراتر از آن بروند! تغيير چيز جالبي است. ثابت و بي‌رحم است اما لزوما يك شبه اتفاق نمي‌افتد.

 

نويسنده C.S. لويس اغلب مي‌گويد: " جالب نيست كه چگونه روز به روز هيچ چيز تغيير نمي‌كند اما وقتي به گذشته نگاه مي‌كنيم، همه چيز متفاوت است؟

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

ما از گروه متنوعي از طراحان وب، صاحبان آژانس، مديران محتوا و بازاريابان پرسيديم كه كدام روند طراحي وب به اعتقاد آن‌ها صنعت طراحي سايت را در سال ۲۰۲۰ شكل خواهد داد.

اين چيزيه كه اونا به ما گفتن …

فضاي سفيد و طراحي ساده / مينيماليستي

اغلب گفته مي‌شود كه سادگي نهايت مهارت است، و بسياري از افراد در اين صنعت انتظار يك رويكرد مينيماليستي را دارند كه در ماه‌هاي آينده محبوبيت بيشتري پيدا خواهد كرد.

شان پور از سلماكس مي‌گويد: " هيجان‌انگيزترين روند طراحي سايت براي سال ۲۰۲۰ به طرح‌هاي مينيماليستي ساده تر بر مي‌گردد." عموما به استفاده گسترده از فضاي سفيد اشاره دارد، بدون اينكه هيچ عنصري توجه را از سلسله‌ مراتب بصري منحرف كند.

اين سبك قديمي، به معناي پالت‌هاي رنگي محدود است، كه به آن‌ها فضاي زيادي براي تنفس در يك صفحه داده مي‌شود و اين چيزي بيش از يك تصميم ظاهري است.

ايجاد فن‌آوري متني توسط هوش مصنوعي

هوش مصنوعي تاثير خود را در طيف وسيعي از صنايع مختلف احساس مي‌كند، و طراحي سايت هم از اين قاعده مستثني نيست.

دو ايده در اين كار وجود دارد.

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

جك مك كنزي، مدير محتوا در لوازم جانبي اتومبيل گارج مي‌گويد: آينده طراحي سايت ‏به احتمال زياد شامل فن‌آوري متني است كه نيازهاي محيط كاربر را با تكنولوژي مدرن مانند VR به روشي يكپارچه تركيب مي‌كند كه كاربر حتي متوجه آن نمي‌شود.

راه ديگري كه هوش مصنوعي ممكن است در آن تاثير خود را احساس كند، به شكل چت، ارائه پشتيباني ۲۴ ساعته و كمك به بازديدكنندگان وب سايت باشد. بله، برنامه‌هاي تلويزيوني هنوز فاقد هوش عاطفي فعالان حمايت از انسان هستند، اما به طور فزاينده‌اي در حال پيچيده شدن هستند.

ديويد سانچز از "راه‌حل‌هاي وب ماموت" مي‌گويد: " وب سايت‌ها با ويژگي‌هاي چت مانند كه در آن ساخته شده‌اند، آشنا خواهند شد تا بازديدكنندگان را از طريق سايت، خدمات خود راهنمايي كنند و هوشمندانه به سوالات پاسخ دهند."

صدا

فن‌آوري صدا روند ديگري است كه رشد سريع در پذيرش را تجربه مي‌كند رشد آن يك پيش‌بيني توسط افراد متعددي است كه با آن‌ها صحبت كرديم!

اين تا حدي نتيجه تكنولوژي است، مانند گويشوران هوشمند، كه بسياري از ما به طور فزاينده‌اي به داشتن در خانه‌هايمان عادت مي‌كنيم تارو وولف، از آژانس وولف توضيح مي‌دهد: " ما در عصر سيري و الكس زندگي مي‌كنيم." " كنترل كنندگان صوتي به دوستان ما تبديل شده‌اند و تجربه ديجيتال ما را در چند سال گذشته به شدت تغيير داده‌اند (‏اما) ‏بسياري از شركت‌ها هنوز از VUI در طراحي سايت خود استفاده نكرده اند.

"در حالي كه ما به حركت در آينده ادامه مي‌دهيم، VUI را با هدايت وب سايت‌ها و انجام خريد آنلاين آسان‌تر از هميشه ارتقا خواهد داد."

امين راهال، از IronMonk، موافق است: " من ظهور بيشتر و ادغام بيشتر فرمان صدا در واسط‌هاي وب و تجربه كاربر از طرح‌ها و برنامه‌هاي طراحي وب را پيش‌بيني مي‌كنم."

مدل‌هاي سه‌بعدي و در حال نوسازي

اغلب، روندهاي "جديد" اصلا جديد نيستند. آنها به خاطر كاهش موانع ورود خود به جريان اصلي جامعه ضربه زدند. يكي از اين روش‌ها، در سال ۲۰۲۰، ممكن است افزايش مدلسازي و ترسيم سه ‌بعدي باشد.

مارك كرن از خلاقيت ساحلي مي‌گويد: " در سال ۲۰۲۰، ما يك ترسيم سه‌ بعدي را بيشتر به عنوان يك روند طراحي سايت اصلي در دنياي وب خواهيم ديد.

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

" معمولا وقتي قيمت‌ها براي روش‌هاي خاص كاهش پيدا مي‌كنند، محبوبيت آنها افزايش پيدا مي‌كند."

ما در حال حاضر نمونه‌هايي از مدلسازي ۳ بعدي را مي‌بينيم كه طراحي سايت‌ ها ظاهر مي‌شود

كاربر محور

نيازي به گفتن نيست كه مهم‌ترين شخص در هر وب سايت كاربر است. اما بسياري انتظار دارند كه كاربر در سال ۲۰۲۰ بيشتر مشخص شود.

آلانا كوچارسكي از شركت مشاوره ويتينگتون توضيح مي‌دهد: "بزرگ‌ترين روند طراحي سايت كه در سال ۲۰۲۰ شاهد آن خواهيد بود، تمركز بر روي كاربر است."

" فكر كردن به اين كه مشتري به دنبال چه چيزي است يا سعي دارد با آمدن به سايت شما را حل كند، به جاي شركتي كه به دنبال چيزي است كه آن‌ها اميدوارند كاربر انجام دهد، يك انحراف بسيار ضروري از روش قديمي فكر كردن به يك سايت خواهد بود."

پايان طراحي تخت يا مسطح؟

اين حركت طراحي مسطح به سمت طراحي مينيماليستي، ساده، بلوكي در اوايل دهه ۲۰۰۰ آغاز شد تا اوايل دهه ۲۰۱۰، اين سبك غالب شده بود.

طراحي تخت علي‌رغم اين كه يك استاندارد صنعتي است، بدون انتقاد هم نبوده است و بنا به گفته برخي از افراد حاضر در اين صنعت، اكنون زمان سلطنت اين نوع طراحي رو به اتمام مي باشد!

براي مثال، دكمه‌ها تنها كلماتي نيستند كه يك جعبه در اطراف خود دارند. به هيچ وجه نمي‌توان آن‌ها را به طور كامل با گراديان‌هاي مختلف، سايه افكني و متني چاپ نشده در نظر گرفت.

دسترسي‌پذيري براي بازديدكنندگان معلول

يك روند ديگر كه ممكن است به طور خاص جذاب نباشد اما فوق‌العاده مهم است، در دسترس بودن است. به عبارت ديگر، طراحي سايت‌ هايي كه همه بتوانند از آن ها استقبال ‌كنند.

و همانطور كه شارون روزنبلانت توضيح مي‌دهد، اين در حال تبديل شدن به يك اولويت واقعي در دنياي طراحي وب است.

او توضيح مي‌دهد: " مشتريان من طراحان وب هستند، و من در زمينه دسترس بودن فن‌آوري مشغول هستم، بنابراين بزرگ‌ترين روندي كه مي‌بينم افزايش طراحي در دسترس براي مصرف كنندگان معلول است."

جمع اوري داده ها

سال‌ها است كه مردم درباره بودن داده‌ها صحبت مي‌كنند، اما اكنون، با روش‌هاي جديد براي استفاده واقعي از داده‌هايي كه برخي از آن‌ها را در اين مقاله مورد بحث قرار داديم، مانند تكنولوژي متني، شايد مهم‌تر از هميشه باشد.

بريانا برنان در نوماد ديجيتال طراحي معتقد است كه جمع‌آوري و استفاده از اين داده‌ها، جهان طراحي وب را در سال ۲۰۲۰ شكل خواهد داد. او مي‌گويد: " مهم نيست كه ما در چه صنعتي هستيم، جمع‌آوري داده‌ها از كاربران روز به روز ارزشمندتر مي‌شود."

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

تعاملات ظريف (ميكرو تعاملات)

تعاملات ظريف، كه گاهي انيميشن UI ناميده مي‌شود، پديده نسبتا جديدي است. آن‌ها عناصر طراحي كوچكي هستند اما مي‌توانند نقش مهمي در طراحي سايت‌ هايي با احساس ايفا مي كنند كه مخاطب را شاد مي‌كند.

و بسياري از مردم، مانند نيكي بيزل در سيوفام مديا، بر اين باورند كه استفاده و محبوبيت ميكرو تعاملات در ماه‌هاي آينده اوج خواهد گرفت.

او مي‌گويد: "سال‌ها است كه تمركز بر روي ساده‌سازي و" تغيير طراحي سايت " بوده ‌است.

" با اين حال در طول سال آينده، يكي از چيزهاي بزرگي كه مي‌خواهيد ببينيد، ميكرو تعاملات است. در هسته آن، تعاملات ظريف براي لذت بردن كاربر است.

زماني كه يك فايل را آپلود مي‌كنيد، دكمه ارسال را فشار دهيد، و ببينيد كه نوار وضعيت بارگذاري از ۰ % به ۱۰۰ % مي‌رود، كه يك تعامل ظريف است.

وقتي روي يك تماس ظريف شناور مي‌شويد تا عمل كنيد، رنگ اشباع مي‌شود و دكمه بزرگتر مي‌شود، اين يك تعامل ظريف است.

وقتي يك صفحه مقوله تجارت الكترونيكي را مرور مي‌كنيد و نشانگر خود را روي يك محصول خاص متمركز مي‌كنيد و يك نماد فروش روي اين محصول بالا و پايين مي رود، اين نيز يك تعامل ظريف است.

تعامل ظريف به كاربر اجازه مي‌دهد تا آنچه را كه انجام مي‌دهد احساس كند. آن‌ها مكاني را زنده مي‌كنند! آن‌ها به كاربر اجازه تعامل در سطحي را مي‌دهند كه احساس ملموس و مأنوس بودن مي‌كند. كاربر بازخورد، جهت گيري و اعتبار احساسي فوري دريافت مي‌كند.

واقعيت افزوده

واقعيت افزوده براي مدتي در رادار بوده ‌است اما هرگز لحظه "پيشرفت" خود را به طور كامل نداشته است.

آيا اين لحظه ممكن است بر ما منطبق شود بسياري از مردم بر اين باورند كه تاثير آن به ويژه در دنياي تجارت الكترونيك احساس مي‌شود.

تارو وولف از آژانس وولف توضيح مي‌دهد: " AR اساسا تركيبي از واقعيت و واقعيت مجازي است." موارد استفاده براي اين تكنولوژي مي‌تواند گسترده و متنوع باشد.

تورا ادامه مي‌دهد: "فروشگاه‌ها و برندها به طور يكسان قادر به پياده‌سازي AR در وب سايت خود با اجازه دادن به مشتريان براي" تلاش مجازي " بر روي لباس‌هاي مختلف، جواهرات، آرايش، و غيره، يا با اجازه دادن به كاربران براي ديدن اين كه مبلمان در خانه‌ها يا ادارات خود قبل از خريد چگونه به نظر مي‌رسند، هستند."

" اين كار راز خريد آنلاين را از بين مي‌برد و به مصرف كنندگان اجازه مي‌دهد تا خريد خود را بااعتماد به نفس انجام دهند."

همانطور كه طراحي سايت به طور فزاينده‌اي در حال حركت به سمت موبايل است، AR به يك امكان بسيار ملموس‌تر تبديل مي‌شود. هنوز هم چالش‌هايي در اين زمينه وجود دارد و بهترين آن‌ها قطعا در راه است. اما آن زمان در حال نزديك شدن است. مطمئنا AR چيزي است كه بايد براي آينده از آن آگاه باشيد!

نظرات نهايي

واقعا سخت مي باشد كه اهميت جاري ماندن در صنعت طراحي سايت را بيش از حد بيان كنيم.

با توجه به روندهايي كه در اين مقاله به آن‌ها اشاره كرديم و بدون شك، چيزهاي بيشتري نيز وجود دارند. بهترين شانس را براي خود خواهيد داشت كه از اين منحني پيش برويد، از مشتريان خود لذت ببريد و براي سال‌هاي آينده كارهاي فوق‌العاده‌اي انجام دهيد.