نقشه سایت (sitemap) و تاثیرات آن در سئو

By |۱۱ فروردین, ۱۳۹۴|مقالات|

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

از قلم فارسی آزاد حمایت می‌کنم

By |۷ فروردین, ۱۳۹۴|مقالات|

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

درباره فونت‌های WOFF

By |۷ فروردین, ۱۳۹۴|مقالات|

اگر توسعه‌دهنده/طراح وب باشید، به احتمال خیلی زیاد از وب‌فونت‌ها استفاده کردید. مثلا نمونه زیر: /* *** */ @font-face { font-family: 'Yekan'; src: url('yekan.eot'); /* IE9 Compat Modes */ src: url('yekan.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('yekan.woff') format('woff'), /* Modern Browsers */ url('yekan.ttf') format('truetype'), /* Safari, Android, iOS */ url('yekan.svg#svgFontName') format('svg'); /* Legacy iOS */ }   می‌دونید که کد بالا، فونت یکان رو (مثلا) به CSS اضافه می‌کنه و می‌تونید ازش استفاده کنید. اما موضوعی که هست اینه که شاید براتون مهم نباشه که هرکدوم از این فونت‌هایی که با فرمت‌های مختلف توی کد بالا مشخص شدن چی هستن و چه کار می‌کنن و برای همین کل کد رو همینطوری [...]

مشکل نمایش وب‌فونت‌های فارسی در کروم ویندوز + یک راه‌حل

By |۷ فروردین, ۱۳۹۴|مقالات|

مدتی هست که در کارهام از وب‌فونت‌های فارسی استفاده زیادی می‌کنم. فونت‌هایی مثل یکان، زر و میترا (و چند فونت دیگر فارسی) گزینه‌های خوبی برای تایپوگرافی در وب هستن (البته کاربردهای متفاوتی دارن). اما مشکلی که وجود داره در استفاده از این وب‌فونت‌ها اینه که فونت‌های فارسی به دلیل استاندارد نبودنشون و عدم وجود اطلاعات هینتینگ صحیح در فایل فونت، با مشکل نمایش در ویندوز مواجه می‌شن. البته این مشکل نمایش در مرورگر کروم بسیار شدیدتر از مرورگرهای دیگه هست و در اینترنت اکسپلورر ۹ به بالا بهتر از بقیه، به این دلیل که مایکروسافت در اینترنت اکسپلورر ۹ و ۱۰، از سیستم رندر فونت DirectWrite به همراه نسخه بهبود [...]

لطفا خط فارسی را نجات دهید!

By |۶ فروردین, ۱۳۹۴|مقالات|

من زبان و خط فارسی را خیلی دوست دارم. بخش عمده آن به این دلیل است که زاده این سرزمینم و مانند تمام آدم‌ها میهنم و هرچه که مربوط به آن است (البته به استثنای خیلی چیزها!) را دوست دارم. دردم می‌آید وقتی می‌بینم که خط فارسی در وب به سرعت به فراموشی سپرده می‌شود. البته منظور من آدم‌هایی نیستند که خودشان را به آن راه زده‌اند و به بهانه‌های مختلف به جای نوشتن با الفبای فارسی، متونشان را با الفبای لاتین و با خط بی‌سروته «پینگلیش» می‌نویسند -که البته انتظاری هم ازشان ندارم- بلکه منظورم طراح‌ها و توسعه‌دهندگان وب هستند که مسئولیت ساخت و تولید وب فارسی را بر [...]

ترندهای طراحی در وب

By |۶ فروردین, ۱۳۹۴|مقالات|

اگر شما هم طراح وب هستید، یا حداقل به تکنولوژی علاقه دارید و اخبار و مقالات مربوط بهش طراحی و توسعه رو در اینترنت دنبال می‌کنید، حتما می‌دونید که این روزها چیزهایی وجود دارن به اسم Trend یا مُد در طراحی. الان اواخر عمر مد طراحی تخت (Flat Design) هست که شامل چیزهایی مثل استفاده از رنگ‌های مات، سایه‌های بلند (Long Shadow)، عدم وجود گوشه‌های گرد و … هست. قبل از طراحی تخت، دوران طراحی پارالاکس بود و بعد با مد شدن طراحی تخت، طراح‌ها شروع کردن به نکوهش کسایی که از پارالاکس در طرح‌هاشون استفاده می‌کنن. ترندها تا یه جایی خوب و مفیدن. باعث میشن که طراح‌ها هر روز خلاقیت‌های [...]

بررسی وب‌سایت‌های سازمانی در ایران / بخش دوم

By |۶ فروردین, ۱۳۹۴|مقالات|

سایت نماد اعتماد الکترونیکی نماد اعتماد الکترونیکی که از طرف وزارت صنعت، معدن و تجارت به درگاه‌های الکترونیکی اهدا می‌شود تا هویت و مشخصات آنها را تایید کند، تقریبا معادل شبنم در دنیای مجازی است. این نماد اعتماد، راه خوبی برای متوقف کردن سوءاستفاده‌کنندگان از فضای اینترنتی است، اما آیا وب‌سایتی که متولی ارایه نماد «اعتماد» الکترونیکی است، خود نباید قابل اعتماد باشد؟ ظاهر وب‌سایت و تجربه کاربری: با بازکردن سایت enamad.ir، یک صفحه حاوی چند پیوند به کاربر نمایش داده می‌شود که از وضعیت ظاهری مناسبی برخوردار نیست و در واقع تنها یک عکس است که روی آن چند لینک قرار گرفته است. با کلیک روی این لینک‌ها، کاربر به [...]

بررسی وب‌سایت‌های سازمانی در ایران / بخش اول

By |۶ فروردین, ۱۳۹۴|مقالات|

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

رهایی از پیکسل‌ها: طراحی وب و رابط کاربری بدون پیکسل

By |۶ فروردین, ۱۳۹۴|مقالات|

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

متون را در وب Justify نکنید

By |۶ فروردین, ۱۳۹۴|مقالات|

متون هم‌تراز (Justified Text) متون هم‌تراز به پاراگراف‌هایی گفته می‌شه که از از سمت راست و چپ حاشیه مشخصی دارن و درواقع طول هرخط در پاراگراف طوری تنظیم می‌شه که انتهای هر خط، با انتهای خطوط دیگه در یک راستا باشن. ازین روش در تایپوگرافی متون چاپی استفاده زیادی می‌شه. مثلا اگر به روزنامه‌ها و کتاب‌های چاپ شده دقت کنید، می‌بینید که تقریبا همه متناشون به این شکل تنظیم شدن. هم‌ترازی متن به خواننده کمک می‌کنه که راحت‌تر متون رو مطالعه کنن و چشمشون خسته نشه و یه حس تقارنی هم القا بشه. متن زیر یک پاراگراف از کتاب The Great Gatsby هست:   مشکل متون هم‌تراز در وب هم‌ترازی [...]

در مورد سکیومورفیزم و طراحی تخت

By |۵ فروردین, ۱۳۹۴|مقالات|

چند روز پیش دیدم که سایت Flat UI Colors در شبکه‌های اجتماعی توسط طراح‌های وب به اشتراک گذاشته می‌شد و اکثر اون‌ها در بخش توضیحات لینک نوشته بودن: «اگر میخواید تخت طراحی کنید، بهتره ازین رنگ‌ها استفاده کنید!». گویا بیشتر طراح‌های ما (و حتی طراح‌های تازه کار در دنیا) تصور می‌کنن که طراحی تخت به معنی استفاده از چند شکل هندسی و طیفی از رنگ‌های خاص هست و اگر توی طرحشون از سایه‌ها و Gradientها استفاده نکنن، معنیش اینه که به طراحی تخت مسلط شدن و دیدشون به دنیای طراحی باز شده. ولی اینطور نیست. طراحی مینیمال طراحی مینیمال (ساده گرایی) از چند دهه گذشته مورد توجه طراح‌های مختلف به خصوص [...]

نگاهی به آینده وب با تصاویر SVG

By |۵ فروردین, ۱۳۹۴|مقالات|

تا حدود ۱۰ سال پیش تقریبا تمام گرافیک‌های موجود در وب (منهای عکس‌ها) با پسوند GIF ذخیره می‌شدند. چه متحرک و چه ثابت. تصاویر GIF به عنوان یک استاندارد برای تصاویر کم حجم قابل استفاده در وب شناخته شده بودند و یکی از مزیت‌های دیگر آن‌ها غیر از کم حجم بودنشان، شفاف بودنشان (Transparency) بود. ولی خب همه می‌دانیم که تصاویر GIF در کنار مزیت‌هایشان مشکلات فراوانی هم داشتند. با تولید مرورگرهای جدید و گذر از دوران حکم‌رانی Internet Explorer نسخه ۷ (که از تصاویر PNG شفاف پشتیبانی نمی‌کرد)، کم کم پای گرافیک‌هایی با فرمت PNG به وب باز شد و این آغاز یک نسل جدید برای وب بود. چرا [...]