یک بلاگ برای هرچیز جدید و جالب

اگر یک سرچ ساده با موضوع «آموزش طراحی لوگو» در گوگل داشته باشید، به انبوهی از دوره های آموزشی مختلف با وعده های آنچنانی برخواهید خورد که حتی تعداد زیادی از آنها با استفاده از نرم افزار فتوشاپ تدریس شده اند!

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

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

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

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

2. لوگو باید ماندگار باشد
یک کسب و کار و بیزینس نیازمند لوگویی است که در طول زمان ماندگار باشد و اصطلاحا با گذر زمان طرح نمیرد!

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

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

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

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

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

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

7. لوگو باید منحصر به فرد باشد
یکتا بودن و منحصر به فرد بودن لوگو همان چیزی است که در تعریف اصلی یک لوگو و تفاوت آن با «آیکون» ذکر می کنیم! لوگو باید نشان برند شما باشد و شما را از سایر رقبا متمایز کند. یک لوگوی خاص و بی همتا میتواند همان چیزی باشد که دلیل اعتبار و سر پا بودن کسب و کار شماست.

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

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

10. لوگو باید حرفه ای باشد
یک لوگوی حرفه ای باید ارزش های برند را منتقل کند و این کار به دقیق ترین شکل ممکن اجرا شود. از آن گذشته تمام اجزا و ویژگی های لوگو به صورت هارمونیک چیده شده باشند.

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

اگر مبتدی هستید، توصیه می‌کنیم مطالعه‌ی این مطلب را بهیچ وجه از دست ندهید.

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

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

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

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

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

به همین دلیل است که این مطلب را با این سوال مهم شروع کردیم: کورل یا ایلوستریتور؟ چون این دو نرم‌افزار، معروفترین‌ها در زمینه‌ی طراحی لوگو به‌ حساب می‌آیند.

10 نکته مهم و کاربردی در طراحی یک لوگوی خوب + اینفوگرافی
یک: ادوبی ایلوستریتور
ایلوستریتور برای طراحی لوگو

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

این برنامه برای طراحی لوگو و آرم، به ویژه لوگوهایی که قبلا روی کاغذ طراحی و بعد اسکن شده‌اند، بسیار مناسب است.

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

نمونه ای از طراحی لوگو در ایلوستریتور

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

معایب:
زمانی که شما طرحی که روی کاغذ کشیده‌اید را اسکن می‌کنید و در ایلوستریتور شروع به طراحی مجدد روی خطوط و اشکال یا بعبارتی دیجیتالی کردن آن می‌کنید، ممکن است برخی از جزئیات طرح شما از دست برود اما در عوض نتیجه‌ی کار شسته‌رُفته‌تر خواهد شد. بنابراین برخی این موضوع را به عنوان یک مزیت و برخی دیگر بعنوان یک عیب در نظر می‌گیرند.

دو: کورل دراو
طراحی لوگو با کورل دراو

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

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

نمونه لوگو با کورل دراو

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

تایپوگرافی با ایندیزاین

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

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

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

منبع: https://amanjacademy.com/illustrator/online/

فرمت‌هایی که ایلستریتور (Adobe illustrator) میتواند ذخیره کند

توانایی Illustrator در ایجاد و تغییر تصاویر برداری به معنای آن است که باید فایل ها را در قالب های گرافیکی برداری نیز بتواند ذخیره کند. برخی از این قالب ها شامل گرافیک های برداری مقیاس پذیر (SVG)، پی دی اف ، Encapsulated PostScript (EPS)، Windows Metafile (WMF) و Vector Markup Language (VML) که در ادامه با جزییات توضیح داده شده است:

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

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

WMF: فرمتی است که ابتدا در دهه 1990 توسط ویندوز مورد استفاده قرار گرفت و Illustrator توانست از آن استفاده کند. فایل های WMF شامل لیستی از توابع است که Graphics Device Interface(GDI) ویندوز برای نمایش تصویر از آن استفاده می کند. WMF می تواند شامل کد اجرایی باشد زیرا برخی از توابع GDI عملکرد کنترل خطا را انجام می دهند.

VML: این یک قالب مبتنی بر XML برای طرح های برداری دوبعدی و بخشی از استانداردهای Office Open XML بود. از سال 2012 دیگر توسز اینترنت اکسپلورر پشتیبانی نمیشود، اگرچه هنوزم هم در Office Open XML و در اصل توسط Illustrator پشتیبانی میشود.

SVG: مشخصات SVG توسط کنسرسیوم World Wide web (W3C) از سال 1999 به عنوان یک استاندار باز نگه داشته شده است. این فرمت مبتنی بر زبان نشانه گذاری توسعه یافته (XML) است که طرح های دوبعدی انیمیشن ها و تصاویر تعاملی را ساپورت می کند. تصاویر SVG در فایل های XML تعریف شده اند و امکان فشرده سازی، اسکریپت و جست و جو در آن ها فراهم می شود. پرونده های SVG ممکن است با هر ویرایشگر متن و بسیاری از برنامه های طراحی دیگر ویرایش شوند. به عنوان یکی از اعضای Adobe، W3C از این فرمت فایل در Illustrator و سایر برنامه های تولیدی آن ها پشتیبانی می کند.

سایر فرمت های فایل که Illustrator میتواند ذخیره کند و یا اکسپورت کند

ایلستریتور (Adobe illustrator) همچنین می تواند فایل را در فرمت های زیر اکسپورت کند:

• AutoCAD Drawing (dwg)
• AutoCAD Interchange (dxf)
• BMP (bmp)
• Enhanced Metafile (emf)
• Flash (swf)
• JPEG (jpg, jpe, jpeg)
• GIF
• Macintosh PICT (pct)
• Photoshop (psd)
• PNG (png)
• Targa (tga)
• Text Format (txt)
• TIFF (tif)

فرمت فایل هایی که ایلستریتور (Adobe illustrator) می تواند استفاده کند

ایلستریتور (Adobe illustrator) می تواند فایل ها در این قالب ها استفاده کند و آن ها را در چیدمان ها یا کارهای هنری قرار دهد:

• Adobe (fxg)
• Adobe Illustrator (ai, ait)
• AutoCAD Interchange File (dxf)
• AutoCAD Drawing (dwg)
• BMP (bmp, rle, dib)
• Computer Graphics Metafile (cgm)
• CorelDraw (cdr)
• Enhanced Metafile (emf)
• Freehand (fh7, fh8, fh9, fh10, fh11, ft11)
• GIF
• JPEG (jpg, jpe, jpeg)
• Macintosh PICT (pic, pct)
• Microsoft RTF (rtf)
• Microsoft Word (doc, docx)
• PCX (pcx)
• Photoshop (psd, pdd)
• Pixar (pxr)
• PNG (png)
• Targa (tga, vda, icb, vst)
• Text (txt)
• TIFF (tif, tiff)

مقدمه پنج مهارت مهم برای UI UX که هر طراحی باید بداند!
اولین چیزی که نظر اشخاص را پس از ورود به یک وب سایت جلب می‎کند، عناصر بصری یا طراحی‎ های وب سایت است. به همین علت، باید گفت این طراحی و عناصر بصری نقش مهمی در توسعه و بهبود وضعیت وب سایت ‎ها ایفا می‎کنند. User Interface – UI | رابط کاربری بیشتر به عناوین طراحی همچون فتوشاپ و Illustrator می‎ پردازد. در حالی که تجربه کاربری| User Experience – UX به مفاهیم فنی و تحلیلی می‎پردازد. به طور خلاصه، می‎توان گفت دانش UI بیشتر به شکل ظاهری وب سایت مربوط است و دانش UX به بهینه‎ سازی و بهبود تجربه کاربری وب سایت ارتباط دارد. اخیرا، مسیر شغلی مرتبط به UI و UX نظر افراد زیادی را به خود جلب کرده است. به همین علت، ما تصمیم گرفتیم به مهارت های مهم برای UI UX در این مطلب بپردازیم.

نکته
چناچه شما در ابتدای مسیر یادگیری طراحی رابط کاربری هستید به شما پیشنهاد مطالعه مقاله چگونه ui ux کار با تجربه و خلاقی شویم؟ را می دهیم.
اولین مهارت مورد نیاز، تحقیق و بررسی کامل و اصولی است.
هنگامی که قصد طراحی کاری را دارید، باید به تحقیق کامل درباره آن بپردازید. اگر می‎خواهید به عنوان یک طراح UI / UX جدی و حرفه ‎ای ظاهر شوید، باید مهارت خود را برای تحقیقات UI / UX افزایش دهید. گاه مشاهده شده بسیاری از طراحی‎ های موفق و خلاقانه بدون انجام تحقیق و یا مطالعه‎ای به سرانجام نمی‎رسند. طراحان نمی‎توانند فقط از اطلاعات و یا ایده‎ هایی که ناگهان به ذهنشان می‎رسد برای طراحی بهره ببرند. بلکه آنها نیازمند الهام گرفتن از طراحی‎ های دیگران هستند. در واقع، طراحان UI / UX باید از روانشناسی شناختی خود در زمینه علوم کامپیوتری استفاده کرده و سپس به طراحی بپردازند. شما با استفاده از سه عامل کلیدی زیر می‎توانید طرحی آگاهانه و خلاقانه‎ برای پروژه ‎هایتان ایجاد کنید:

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

مهارت های مهم برای UI UX

نکته
برای آشنایی با اصول طراحی رابط کاربری می توانید مقاله مهمترین اصول و مبانی طراحی ui با فتوشاپ که هر طراحی باید بداند را مطالعه فرمایید.
1. ارتباط بصری و غیربصری خلق کنید.
ارتباطات جز عوامل اصلی طراحی و دیزاین هستند. در واقع، طراح باید از توانایی زیادی برخوردار باشد تا بتواند محصول یا طراحی متناسب با پیام مدنظر خود خلق کند. همچنین، یک طراح می‎تواند همچون یک قصه ‎گو همه جنبه ‎های داستانی را با طراحی خلاقانه و جالب خود بیان کنند. طراحی و دیزاین باید ساده و زیبا باشد تا مشتری به راحتی بتواند پیامی که از طریق آن القا می‎شود را درک کند. همچنین، طراحان UI / UX باید در طراحی‎های خود از ابزارها، نرم افزارها و زبان ‎های برنامه نویسی همچونPHP ،Python ،Sketch ، CSS ، JavaScript، Photoshop، Illustrator و… استفاده کنند. به این ترتیب، آنها می‎توانند راه حل‎ های مناسبی برای مشکلات مشتریان خود پیدا کنند.

همچنین، باید با کاربر هم دل بوده و ایده خود را به او منتقل کنید. گاهی اوقات، طراحان باید از توانایی درک دیدگاه کاربران و مشتریان خود برخوردار باشند. هنگامی که طراحی مشکلات و نیازهای کاربرانش را درک می‎کند، بهتر می‎تواند راه حل مناسب به منظور رفع مشکلات آنها ارائه دهد. به همین دلیل، همدلی و انتقال ایده یکی از مهارت های مهم برای UI UX است.

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

مهارت های ارتباطی قوی برای طراحان UI / UX

طراح UI / UX باید از مهارت کدگذاری برخوردار باشد.
بیشتر طراحان UX به ارائه طراحی‎ های زیبا و خلاقانه در عرصه تکنولوژی و فناوری می‎پردازند. از آنجایی که دنیای امروز نیازمند دستیابی به طرح ‎های زیبا و جالب در عرصه UI / UX است، طراح می‎تواند از مهارت کدنویسی خود برای خلق طرح ‎های کاربردی و زیباتر استفاده کند. در ضمن، از آنجایی که تقاضا برای همکاری با طراحان باهوش در حوزه UI / UX افزایش یافته کدگذاری و کدنویسی مزایای زیادی برای طراحان به همراه داشته است. با این حال، اگر تجربه زیادی در کدگذاری و کدنویسی ندارید، می‎توانید از دانش‎ های اولیه HTML ، CSS و JavaScript در طراحی نمونه‎ های اولیه خود استفاده کنید. این مهارت مخصوصا برای افراد تازه کار بسیار کاربردی است.

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

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

۷۲,۲۵۰ تومان ادامه مطلب
جمع‎ بندی پنج مهارت های مهم برای UI UX که هر طراحی باید بداند!
امروزه دنیای دیجیتال پر از طراحی‎ ها خلاقانه و کاربردی است. به همین خاطر، اشخاصی که خواهان فعالیت در عرصه UI / UX هستند نیازمند بهبود مهارت‎ های خود هستند. آنها می‎توانند از مهارت‎ های ذکر شده در این مقاله برای بهبود تخصص شغلی خود ایده بگیرند. هنگامی که طراح UI / UX آگاهانه ‎تر به تولید و خلق طرح‎ هایش می‎پردازد، آینده شغلی بهتر و موفق‌تری را برای خود خلق می‎کند. بنابراین، اگر یک طراح UI / UX هستید حتما نکات ذکر شده را به منظور بهبود و رشد زندگی حرف ه‎ای خود در نظر داشته باشید.

منبع: https://amanjacademy.com/uidesign/online/

برای درک بهتر کد نوفالو (nofollow) باید نحوه تعیین اعتبار یک صفحه توسط موتورهای جستجو را بهتر بشناسیم. اگر شما سایتی دارید که صفحه اصلی آن به 10 صفحه داخلی از سایت شما و 5 صفحه از سایت‌های دیگر لینک داده است، شما مجموعا 15 لینک خروجی دارید. زمانی‌که سایت دیگری به صفحه اصلی شما لینک دهد به آن لینک ورودی می‌گوییم. اگر فرض کنیم که شما 30 لینک ورودی به صفحه اصلی خود دارید در مجموع 45 لینک در ارتباط با صفحه اصلی شما هستند، موتورهای جستجو زمان بررسی صفحه اصلی شما تمام این 45 لینک را بررسی کرده و با توجه به اعتبار این صفحات (پیج رنک و عوامل سئو) پیج رنک شما را محاسبه می‌کنند. همین شرایط برای سایت‌های در ارتباط با شما وجود دارد و یک رابطه دوطرفه را تشکیل می‌دهد مگر اینکه شما با استفاده از کد نوفالو (nofollow) راه ارتباطی را مسدود کنید.

کد نوفالو (nofollow) چیست؟
نوفالو (nofollow) یک کد بصورت “rel=”nofollow است که در کد لینک‌های سایت شما قرار می‌گیرد. کد نوفالو (nofollow) به موتورهای جستجو نشان می‌دهد که نباید به دنبال این لینک بروند. در واقع شما با استفاده از کد نوفالو (nofollow) به موتورهای جستجو خبر می‌دهید که این لینک نباید در محاسبه پیج رنک شما وارد شود ولی با این کار همچنان اجازه ایندکس این صفحات را به موتورهای جستجو می‌دهید. البته لینک نوفالو از صفحات شما به سایت‌های دیگر در پیج رنک آنها نیز بی تاثیر خواهد بود.

Anchor Text

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

جلوگیری از تکراری شدن محتوا: اگر شما دو لینک متفاوت در صفحه خود به یک صفحه داخلی یا خارجی دارید که دارای anchor text (متن لینک شده) متفاوت هستند بهتر است با استفاده از کد نوفالو (nofollow) یکی از آنها را نادیده بگیرید.

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

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

کد نوفالو (nofollow) در بسیاری از انجمن‌ها و وبلاگ‌هایی که امکان نظردهی به کاربران ارائه را میدهند استفاده میشود تا جاییکه بسیاری از CMS ها مانند وردپرس این قابلیت را در خود جای داده‌اند.

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

گاهی اوقات بهتر است که چند کد نوفالو (nofollow) در صفحات شما موجود باشد تا گوگل بپذیرد که لینک‌های سایت شما طبیعی هستند. برای بررسی نوفالو (nofollow) بودن لینک‌ها در یک سایت میتوانید در سورس کد آنها کلمه nofollow را جستجو کنید برای این کار در فایرفاکس از Ctrl+U و در گوگل کروم با راست کلیک کردن روس صفحه و انتخاب گزینه view page source میتوانید به سوررس کد دسترسی یابید.

جستجوی کد نوفالو در سورس کد
جستجوی کد نوفالو در سورس کد

راه ساده تر برای کشف لینک‌های نوفالو (nofollow) در یک سایت استفاده از افزونه‌های اختصاصی آن در مرورگرهای فایرفاکس یا گوگل کروم است. برای این کار کافیست در قسمت جستجوی افزونه‌های این دو مرورگر عبارت nofollow را وارد کرده و افزونه‌ي مرتبط با آن را دانلود و نصب نمایید.

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

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

افزایش سرعت سایت
افزایش سرعت سایت

15 نکته ضروری برای افزایش سرعت سایت
1- بهینه سازی تصاویر
تصاویر حجم زیادی از سایت شما را تشکیل میدهند و میتوانند تاثیر زیادی بر افزایش سرعت سایت شما داشته باشند. تغییر سایز عکس‌ها با استفاده از HTML تاثیری بر سایز آنها ندارد و تنها نحوه نمایش را تغییر میدهد، برای کاهش حجم سایت و نتیجتا افزایش سرعت سایت از نرم افزارهای جانبی مانند فتوشاپ استفاده کنید.

در پایین چند ابزار آنلاین برای بهینه سازی تصاویر را لیست کرده ایم:

Smush.it
Online Image Optimizer
SuperGIF
2- فرمت تصاویر
برای بهینه سازی سایت و افزایش سرعت سایت از فرمت های استاندارد مانند JPG، PNG و GIF برای تصاویر استفاده کنید.

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

4- افزونه‌های غیرضروری را حذف کنید
افزونه‌ها به شدت بر سرعت سایت شما تاثیرگذارند، بعضی از آنها مانند دکمه‌های اشتراک گذاری برای هر سایتی لازم هستند ولی نصب افزونه‌های متعدد و غیرضروری سرعت سایت شما را کاهش خواهد داد.

5- CSS و JS را درون کد استفاده نکنید
بهتر است که کدهای CSS و JavaScript خود را در فایل‌های جداگانه‌ای قرار دهید. زمان لود شدن سایت این فایلها در حافظه کش مرورگر ذخیره شده و در بازدیدهای بعدی سرعت سایت را افزایش میدهد. همچنین این کار ایجاد تغییرات در سایت را برای شما راحتتر میکند.

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

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

8- از ریدایرکت پرهیز کنید
تا حد امکان از ریدایرکت کردن لینک‌ها خودداری کنید، زیرا باعث اضافه شدن یک درخواست HTTP شده و سرعت سایت را کاهش میدهد. آدرس‌های اشتباه را پیدا کنید و تمامی آنها را درست کنید.

9- DNS ها را تا حد امکان کاهش دهید
DNS یا همان نام دامنه‌ها بر روی هاست شما هر کدام بین 20 تا 120 میلی ثانیه زمان برای بازخوانی از هاست نیاز دارند. برای اینکار شما میتوانید از آدرس دهی بجای ساخت زیردامنه استفاده کنید بطور مثال از Websima.com/blog بجای blog.websima.com استفاده کنید.

10- CSS ها و HTML های غیرضروری را حذف کنید
این امر در مورد سیستم‌های مدیریت محتوا مانند وردپرس و جوملا تاثیر زیادی خواهد داشت زیرا قالب آنها معمولا با امکانات متنوعی طراحی میشوند که شما از همه آنها بهره نخواهید برد و با حذف کدهای اضافی میتوانید سایز صفحات را کاهش داده و سرعت سایت را بیشتر کنید.

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

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

13- درخواست‌های HTTP سایت را کاهش دهید
با استفاده از تکنیک CSS Sprite تصاویر خود را یکپارچه کنید و به این طریق تعداد درخواست‌های HTTP خود را تا حد امکان کاهش دهید.

14- از Expires و Cache-Control در هدر استفاده کنید
برای مطالب ثابت در سایت خود از Expires یا تاریخ انقضا استفاده کنید و برای مطالبی که تغییر میکنند Cache-Control استفاده کنید. اینکار محتوا، تصاویر و فایلهای سایت شما را قابل کش کرده و تعداد درخواست‌های HTTP به سرور را کاهش میدهد و افزایش سرعت سایت را موجب خواهد شد. در واقع شما با استفاده از Expires مدت زمان نگهداری اطلاعات کش شده و تاریخ تقریبی تغییرات در آنها را مشخص خواهید کرد.

15- CMS خود را بروزرسانی کنید
اگر از سیستم‌های مدیریت محتوا مانند وردپرس و جوملا بهره میبرید برای بهینه بودن و افزایش سرعت سایت همواره از آخرین نسخه ها استفاده کنید ولی برای اینکار ابتدا نسخه جدید را روی یک فضای نمونه امتحان کنید تا از سلامت آن مطمئن شوید.

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

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

هر روز میلیون‌ها جستجو در موتورهای جستجو توسط کاربران انجام می‌گیرد که بیش از ۷۰٪ آن در گوگل انجام می‌گیرد. موتورهای جستجوی یاهو و بینگ هرکدام به ترتیب ۷.۰۷ و ۹.۲۶ درصد از این بازار سهم دارند. در نتیجه حضور در صفحه اول گوگل از اهمیت بالایی برخوردار است.

آمارها حاکی از آن است که ۹۰ درصد کاربران تنها صفحه اول گوگل را مشاهده می‌کنند و هیچ گاه به صفحات بعدی وارد نمی‌شوند. در واقع عدم حضور شما در این صفحه به معنی شکست شما در سئو است.

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

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

صفحه اول گوگل
صفحه اول گوگل

نکته جالب در این تصویر، بالاتر بودن ورودی برای رتبه اول صفحه دوم نسبت به رتبه دهم صفحه اول گوگل است!

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

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

امروزه گوگل اهمیت زیادی برای فاکتورهای کیفی در رتبه بندی سایت‌ها قائل می‌شود. به طور کلی گوگل به دنبال ارائه بهترین تجربه کاربری (UX) به کاربرانش است. یکی از این فاکتورهای مهم، نرخ کلیک یا CTR صفحات سایت در نتایج جستجوی گوگل است.

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

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

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

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

به تازگی گوگل تغییراتی در نحوه نمایش نتایج و تعداد کاراکترهای توضیحات هر سایت ایجاد کرده است. قبلا برای هر نتیجه در گوگل حدااکثر ۱۷۰ کاراکتر نمایش داده میشد در حالیکه این تعداد به ۳۲۰ کاراکتر افزایش یافته است. این افزایش موجب شده که صفحه اول گوگل طولانی تر شده و برای رسیدن به نتایج پایین تر نیاز به اسکرول بیشتری باشد. این اتفاق میتواند تاثیر منفی بر میزان بازدیدکننده رتبه های پایین تر داشته و در مقابل رتبه های ۱ تا ۴ را بیشتر در دیدرس کاربر قرار دهد.

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

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

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

چه نوع URL هایی برای Googlebot مناسب نیست؟
Googlebot URL ها را از ویژگی href پیوندهای شما استخراج می کند و سپس آن ها را برای خزیدن ضبط می کند. این بدان معنی است که URL باید قابل حل باشد یا به سادگی قرار گیرد: URL هنگام قرار دادن در نوار آدرس یک مرورگر باید کار کند.

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

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

آیا Googlebot هنوز از برنامه AJAX crawling استفاده می کند؟
طرح خزیدن AJAX مدت ها است که کاهش یافته است. برای صفحات خود به آن اعتماد نکنید. توصیه این امر استفاده از API History و انتقال برنامه های وب خود به URL هایی است که برای بارگذاری مطالب مختلف به قطعات متکی نیستند.

۱) جاوا اسکریپت چیست؟

JavaScript یا به اختصار JS یکی از محبوبترین زبان‌های برنامه نویسی است. جاوا اسکریپت زبانی سطح بالا، شی‌گرا، داینامیک و تفسیری است که از شیوه‌های مختلف برنامه نویسی پشتیبانی می‌کند. از این زبان می‌توان برای برنامه نویسی سمت سرور (Server Side)، اپلیکیشن‌های موبایل، بازی و اپلیکیشن‌های دسکتاپ استفاده کرد.

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

برای اینکه بهتر متوجه چیستی زبان جاوا اسکریپت شوید، در ابتدا باید جواب سوالاتی مانند:

زبان کامپایلری چیست؟

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

زبان برنامه نویسی سمت سرور و سمت کاربر به چه نوع زبان‌هایی گفته می‌شود؟ و … را بدانید.

پس از درک این مفاهیم می‌توانید آموزش جاوا اسکریپت را شروع کنید.

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

اما یادگیری و تسلط به این زبان‌ها برای برنامه نویسان فوق العاده سخت بود. بنابراین متخصصین تصمیم به ساخت زبان‌هایی گرفتند که به زبان انسان‌ها نزدیک‌تر باشد. در اصطلاح به این زبان‌ها، زبان‌های سطح بالا (High Level) می‌گویند. زبان‎های سطح بالایی مانند JavaScript کار را برای برنامه‎نویسان ساده‌تر کردند، زیرا ساختار نوشتاری و منطق آن‌ها بسیار به زبان انسان‌ها نزدیک‌تر شده است. پس می‌توان اینگونه نتیجه گرفت که آموزش جاوا اسکریپت نسبت به سایر زبان‌های برنامه نویسی سطح پایین ساده‌تر است.

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

این دقیقا همان تفاوت میان زبان‌های مفسری (Interpreter) و زبان‌های کامپایلری (Compiled) است. زبان مفسری زبانی است که کدهای آن به صورت خط به خط ترجمه و اجرا می‌شوند و زبان کامپایلری یکباره کل کدها را ترجمه و اجرا می‌کند. بنابراین سرعت اجرای زبان‌های مفسری نسبت به زبان‌های کامپایلری کمتر است.

جاوا اسکریپت زبان برنامه‌نویسی پویا و مبتنی بر شی (Object-based) است که هم سمت کاربر و هم سمت سرور، برای ایجاد تعمال با صفحات وب به کار می‌رود. جایی که HTML و CSS ساختار اولیه و ظاهر صفحات وب را تعیین می‌کنند، جاوا اسکریپت نحوه عملکرد صفحات وب را کنترل می‌کند.
جاوا اسکریپت، تجربه کاربر را از صفحه وب با تبدیل آن از یک صفحه استاتیک به یک صفحه تعاملی بهبود می‌بخشد. بطور خلاصه، جاوا اسکریپت به صفحات وب رفتار می‌بخشد.

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

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

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

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

خلاصه مطلب

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