اطلاعات عمومي وب اطلاعات عمومي وب .

اطلاعات عمومي وب

شناخت سهولت يادگيري (learnability) براي طراحي وب: راه حل ها و بهترين روش ها

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

 

طراحان اپليكيشن هاي موبايل از طريق onboarding (كه به افزايش زمان ماندن كاربر در سايت و استفاده از ان گفته مي شود و باعث مي شود كاربران رابط كاربري طراحي سايت را ياد بگيرنند) به اين هدف مي رسند. اما وب سايت ها هميشه نمي توانند اموزش هاي طولاني براي اموزش رابط كاربري (يادگيري نحوه ي استفاده از وب) ارائه كنند.

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

چرا سهولت يادگيري مهم است؟

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

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

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

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

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

با دانستن اينها، بياييد به تعداد كمي تكنيك براي سهولت يادگيري وب سايت بپردازيم.

اشنايي با تكنيك ثبات گونه ها

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

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

اما اپليكيشن هاي پيچيده تر بايد فراتر از محتواي اطلاعاتي بروند. براي مثال Dropbox را در نظر بگيريد كه از زمان راه اندازي ان به طور اساسي يكسان باقي مانده است. وقتي كاربران رابط كاربري Dropbox را ياد مي گيرد ديگر نيازي به يادگيري دوباره ي ان پيدا نمي‌ كنند. كه اين موضوع هدف ثبات گونه ها است. وقتي كه كسي براي بار دوم وارد Dropbox مي شود از قبل با استفاده از ان اشنا هست و وقتي كه براي مدتي از ان استفاده مي كند با UI ان اشنا شده و از ان انتظار دارد كه يه يك روش يكسان عمل كند.

 

منبع : http://generalinfo1.parsiblog.com/Posts/56/


برچسب: ،
ادامه مطلب
امتیاز:
 
بازدید:
+ نوشته شده: ۲۳ فروردين ۱۳۹۸ساعت: ۰۹:۵۲:۳۲ توسط:گرگ سفيد موضوع:

نحوه ايجاد و تاييد خبر نامه ايميل قبل از ارسال ( قسمت دوم )

محتواي ايميل

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

عنوان، تصوير، لينك هاي مربوطه و موارد گزيده.

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

  • هويت برند. اين بخش مي‌تواند لوگوي طراحي سايت يا نام برند شما باشد. بهتر است در تمامي خبرنامه‌هاي ايميل خود اين بخش را در نظر بگيريد.
  • ناوبري يا Navigation كوچك طراحي سايت . اين بخش معمولا در امامي خبرنامه‌هاي ايميل مورد استفاده قرار مي‌گيرد و شامل لينك يا پيوندي به بخش مورد نظر در وب سايت شما است.
  • پيوند يا لينك وب سايت شما
  • بهتر است آدرس يا لينك شبكه هاي اجتماعي خود را در پايين صفحه طراحي سايت قرار دهيد.
  • اشتراك گذاري. اگر حقايق پيشنهادات جالبي در خبرنامه ايميل خود داشته باشيد، خوانندگان بايد فرصتي براي به اشتراك گذاشتن آن با ديگران داشته باشند.
  • اطلاعات تماس: شامل اسكايپ، تلگرام، واتساپ وايبر يا لينكي به قسمت چت آنلاين در وب سايت شما باشد.
  • آدرس حقيقي يا فيزيكي. اين نوع از اطلاعات مي‌تواند با وجود شبكه‌هاي اجتماعي منسوخ شده باشد، اما با اين وجود ملاقات رودررو با مشتركان مي‌توانند يكي از بهترين راه‌ها براي افزايش محبوبيت و هويت برندتان نباشد. بنابراين نياز است تا اين بخش را نيز در خبرنامه ايميل طراحي سايت خود بگنجانيد.
  • لينك به وب پيج
  • لينك به نسخه متن ساده. اين بخش يكي از مهم ترين بخش ها در خبرنامه ايميل است، زيرا مانند پشتيباني براي خبرنامه ايميل شما است.
  • پيوند Unsubscribe به خوانندگان و مشتركان اجازه مي دهد از دريافت ايميل هاي آتي خودداري كنند.
  • نشانه هاي شخصي. اين گزينه براي افرادي كه از نرم افزارهاي بازاريابي پيشرفته استفاده مي كنند كاربرد دارد. درست مانند محتواي هوشمند، اين گزينه به شما كمك مي كند تا خبرنامه ي طراحي سايت شما حالت شخصي تر و جذاب تر داشته باشد.
  • تصاوير بهينه شده. عكس ها و آيكون ها درست مانند آهنربا هستند - اين عوامل قابليت اين را دارند كه توجه مشتركان را به خود جلب كنند. و به همين دليل نياز است تا بر روي اين مورد تمركز كنيد. استفاده از تصاوير زياد باعث مي‌شود خبرنامه ايميل شما سنگين و خسته كننده به نظر برسد، در حالي كه عدم وجود تصوير نيز خبرنامه شما را به طور كلي از بين مي‌برد. همواره به ياد داشته باشيد تا تصاوير خود را بهينه سازي كنيد: هيچ فردي تمايل ندارد تا ايميلي سنگين دريافت كند.
  • Alt text يا متن جايگزين. اگر خبر نامه ايميل طراحي سايت شما داراي تصوير است، بنابراين بايد متن جايگزين نيز داشته باشيد. زيرا تمامي اين موارد به يكديگر متصل هستند. درست مانند نسخه ساده اي از تصوير، متن جايگزين نيز مي تواند در صورت عدم بارگذاري مناسب تصوير، توضيحات آن را براي خوانندگان نشان دهد.
  • سرفصل هاي واضح و جذاب
  • زبان عملياتي در صورت نياز
  • پيوند و لينك هاي مورد نياز به صفحه لندينگ، مقالات، آموزش و راهنمايي.
  • Call to Action. حتي اگر در ايميل هاي تبليغاتي خود محصول خاصي را معرفي نمي كنيد، بايد اين بخش را در خبرنامه ايميل خود بگنجانيد. دكمه ها (Buttons) بايد در تضاد با عناصر پس زمينه و پيش زمينه باشند.
  • آخرين مورد، كد رديابي است (Tracking code). در اين بخش، جادوي تحليل و بهبود استراتژي بازاريابي شروع به كار مي كند. بنابراين فراموش نكنيد تا كدهاي رديابي طراحي سايت را به طور مناسب تنظيم كنيد.

به غير از موارد ذكر شده، موارد بسيار زياد ديگري نيز هستند كه بايد آن ها را در نظر بگيريد، اما مواردي كه ذكر شد جزو مهم ترين آن هاست
آيا شما تمامي موارد بالا را در قسمت بدنه ايميل خود در نظر مي گيريد؟

 

منبع : http://generalinfo1.parsiblog.com/Posts/53/


برچسب: ،
ادامه مطلب
امتیاز:
 
بازدید:
+ نوشته شده: ۲۲ فروردين ۱۳۹۸ساعت: ۰۹:۴۳:۰۱ توسط:گرگ سفيد موضوع:

گزارش وب اسپم گوگل

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

 

چرا بايد مراقب باشيد؟

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

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

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

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

سايت هاي هك شده

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

نزديك به 180 هزار گزارش اسپم توسط كاربران تاييد شده است كه اين مقدار تقريبا دو برابر سال پيش است و نزديك به 64 درصد از اين گزارش ها مورد بررسي و اقدام هاي لازم قرار گرفته است.

تاثير اسپم ايجاد شده توسط كاربران، بلاگ ها و ساير پلتفرم هاي ديگر نزديك به 80 درصد كاهش داشته است.

نزديك به 4 ميليون پيغام مرتبط با اقدام هاي انفرادي ، از طريق كنسول جستجوي سئو به صاحبان وب سايت ها منتقل شده است (اين مقدار در سال 2017 برابر با 6 ميليون بوده است).

شركت گوگل گزارش خود را با تأكيد بر مشاركت خود با جستجوگرها، برنامه نويسان و صاحبان سايت و با برگزاري رويدادي به شش زبان زنده دنيا ارائه داده است.

 

منبع : http://generalinfo1.parsiblog.com/Posts/54/


برچسب: ،
ادامه مطلب
امتیاز:
 
بازدید:
+ نوشته شده: ۲۲ فروردين ۱۳۹۸ساعت: ۰۹:۴۲:۳۹ توسط:گرگ سفيد موضوع:

نحوه ايجاد و تاييد خبر نامه ايميل قبل از ارسال

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

 

مشتركان

جمع‌آوري مشتركان در طراحي سايت يكي از رايج ترين كارها در دنياي اينترنت است؛ تمامي افراد اين كار را انجام مي دهند. حتي (GDPR مخفف عبارت General Data Protection Regulation به معني «مقررات محافظت از داده‌هاي عمومي» است.) قانون GDPR در پارلمان اتحاديه اروپا به تصويب رسيده و به همين خاطر در كشورهاي عضو اين اتحاديه و كشورهاي وابسته لازم‌الاجرا است. اتحاديه اروپا در سال‌هاي گذشته همواره قوانيني را براي حفظ حريم خصوصي و جلوگيري از سوءاستفاده‌ي شركت‌ها از داده‌هاي شخصي كاربران به تصويب رسانده است. حالا اين قانون، دست شركت‌ها را براي سوءاستفاده از داده‌هاي شهروندان اروپا، تا حد زيادي مي‌بندد.

قانون GDPR

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

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

اصول ايجاد خبرنامه

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

اهداف ايميل

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

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

چند سوال

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

بنابراين بهتر است قبل از شروع هر كاري از خود اين سوال را بپرسيد: هدف من چيست؟

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

 

منبع : http://generalinfo1.parsiblog.com/Posts/51/


برچسب: ،
ادامه مطلب
امتیاز:
 
بازدید:
+ نوشته شده: ۲۱ فروردين ۱۳۹۸ساعت: ۰۹:۴۰:۱۷ توسط:گرگ سفيد موضوع:

استفاده از جاوا اسكريپت براي انتشار محتوا ( قسمت چهارم )

5. Chrome Dev tool - عناصر بازرسي

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

6. افزونه كروم - مشاهده منبع رندرد يا ارائه شده

و در آخر، افزونه كروم، براي مشاهده منبع ارائه شده به شما اجازه مي‌دهد تا html استاتيك و رندرد را در كنار يكديگر مشاهده كنيد. اين ابزار يا افزونه سئو ، نه‌ تنها به شما html ارائه شده و پايدار را نشان مي‌دهد، بلكه تفاوت هاي آن ها را نيز به صورت برجسته و هايلايت شده نشان مي دهد!

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

سخنان نهايي و روش ها

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

اطمينان حاصل كنيد كه علامت كانونيكال درست در html ارائه شده تنظيم شده باشد. همچنين مطمئن شويد كه اين علامت همچنان در كد وجود داشته باشد! بارها مشاهده مشاهده شده است كه اتفاقات كاملاً عجيب و غريبي براي قطعات كد در html ارائه شده رخ مي‌دهند.

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

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

اگر هدف شما زبان ها و كشورهاي مختلف است، اطمينان حاصل كنيد كه hreflang tags سئو (با استفاده از تگ هاي hreflang ميتوانيد به گوگل بفهمانيد كه زبان وب سايت شما چيست ، با اين كار موتور هاي جستجوگر نتايج جستجوي كابران خود را بر اساس زبان و كشوري كه در آن قرار دارند اولويت بندي ميكند.به عنوان نمونه شما ميتوانيد به جاي x در hreflang=”x” زبان و كشور خود را معرفي كنيد.

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

خلاصه - همواره بيش از يك روش براي ارائه صفحه وجود دارد

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

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

 

منبع : http://generalinfo1.parsiblog.com/Posts/52/


برچسب: ،
ادامه مطلب
امتیاز:
 
بازدید:
+ نوشته شده: ۲۱ فروردين ۱۳۹۸ساعت: ۰۹:۳۹:۱۷ توسط:گرگ سفيد موضوع:

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

2. تست موبايل دوستانه يا ام اف تي (MFT)

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

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

توجه داشته اگر واقعا قصد داريد به كد رندر سئو (Rendered) بپردازيد، بايد html را از تست موبايل دوستانه به يك ويرايشگر متن شخص ثالث كپي كنيد و آن را پيست يا وارد كنيد؛ زيرا كار با كدها در ابزار كمي سخت است.

3. تست Rich Result

(نتايج سئو يي كه به صورت rich result هستند، در واقع نتايجي هستند كه حاوي اطلاعاتي مانند تعداد راي بازديدكنندگان، مقدار كالري غذا، تاريخ شروع رويداد، فيلم ها، كتاب ها، شبكه هاي اجتماعي، اطلاعات شركت و موارد مشابه ديگري هستند و گوگل اين اطلاعات را معمولا از طريقstructured data كسب مي كند.)

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

با اين اوصاف، صاحب وب سايت چه كاري بايد انجام دهد؟؟

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

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

روش هاي ديگر

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

بيش از اين وارد جزئيات نمي شويم، اما بهتر است بدانيد كه اين موارد نيز جزو ابزارهاي مورد استفاده هستند.

4. كرالرها (Crawler) يا خزنده ها - رندرينگ يا ارائه به طور عمده

روش هايي كه پيش از اين به آن ها اشاره كرديم ابزارهاي سئو ي بسيار عالي براي چك كردن url هاي خاص هستند، اما هنگامي كه مي خواهيد html ارائه شده را به طور كلي بررسي كنيد چه اتفاقي رخ مي دهد؟ براي مثال، اگر در حال كرالينگ در سايتي باشيد كه داراي 10 هزار، 50 هزار يا 500 هزار صفحه است و مي خواهيد كرد html ارائه شده يا رنده در برابر html پايدار يا استاتيك را چك كنيد چه راهكاري را پيشنهاد مي دهيد؟

در اين صورت، ابزار كرالينگ سئو بهترين گزينه براي شماست. بايد به اين نكته نيز اشاره كنيم كه هر كدام از ابزار هاي ذكر شده توانايي ارائه يا رندر جاوا اسكريپت در طول عمليات كرال يا خزش را دارند. براي مثال، ابزار DeepCrawl، Screaming Frog، و Sitebulb، توانايي نمايش قابليت هاي ارائه جاوا اسكريپت را دارند.

  • هنگام تنظيم كرال يا خزش در DeepCrawl، اطمينان حاصل كنيد كه گزينه "Enable JavaScript Rendering" را چك كنيد.
  • براي ابزار Screaming Frog، درتب رندرينگ، از قسمت Spider Configuration استفاده كنيد.
  • به علاوه، Screaming Frog را به شما اجازه مي‌دهد تا اسكرين شات Rendered يا ارائه شده براي هركدام از صفحاتي كه آن ها را كرال مي كنيد مشاهده كنيد و html ارائه شده را با html استاتيك يا پايدار مقايسه كنيد.
  • ابزار SiteBulb نيز همان عملكرد را براي شما به همراه دارد (. JavaScript Crawling، به همراه توانايي مقايسه html استاتيك و html پايدار، مشاهده اسكرين شات ها. اين ابزار تفاوت‌هاي ميان اين دو را نيز به صورت هايلايت شده نشان مي دهد).

منبع : http://generalinfo1.parsiblog.com/Posts/49/


برچسب: ،
ادامه مطلب
امتیاز:
 
بازدید:
+ نوشته شده: ۲۱ فروردين ۱۳۹۸ساعت: ۱۲:۱۲:۵۸ توسط:گرگ سفيد موضوع:

استفاده از صفحات پس زمينه در طراحي وب ( قسمت دوم )

تصاوير تيره و تار

استفاده از اين نوع تصاوير در طراحي سايت ، روش بسيار متداولي در سال 2012 بود.

هنگامي كه اين كار به درستي انجام مي شود، مي تواند تاثير بسيار زيادي درجذب افراد به طراحي سايت شما داشته باشد.

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

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

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

زوم اين، زوم اوت! (Zoom in, Zoom Out)

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

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

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

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

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

تايپوگرافي

چندين راه براي انتخاب متن در تصاوير بزرگ وجود دارد - متن بر روي تصوير، متن در كنار تصوير و متني كه درون تصوير جاي گذاري شده است.

استفاده از متن در تصوير پس زمينه بسيار مهم است. بخش هاي مهم تصوير بايد قابل مشاهده و همچنين متن مورد استفاده بايد خوانا باشد.

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

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

اهميت تصاوير

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

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

 

منبع : http://generalinfo1.parsiblog.com/Posts/50/


برچسب: ،
ادامه مطلب
امتیاز:
 
بازدید:
+ نوشته شده: ۲۱ فروردين ۱۳۹۸ساعت: ۱۲:۱۲:۳۹ توسط:گرگ سفيد موضوع:

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

ابزار بازرسي URL در GSC

كنسول جستجوي گوگل يا جي اس سي، توانايي ارائه صفحات خود براي مدت زمان طولاني با استفاده از گوگل بوت (Googlebot) براي دسكتاپ و گوگل بوت براي گوشي هاي هوشمند از طريق ابزار سئو گوگل فراهم كرده است. شركت گوگل اين كار را به خوبي انجام داده است، اما به تازگي نيز ابزار قدرتمندي جديد را راه اندازي كرده است كه توانايي بسيار بيشتري دارد. نام اين ابزار، "ابزار بازرسي “URL است.

اطلاعات URL

اين ابزار، اطلاعات وسيعي در رابطه با url هاي موجود بر روي سايت شما فراهم مي كند كه اين اطلاعات شامل نمايان شدن url ها و محتواي سئو ، مشكلات پيش آمده در هنگام ايندكس (Index) شدن يا نمايه شدن، كانونيكاليزاسيون (تگ Canonical (به عنوان مثال "rel Canonical") يك راه براي گفتن اين موضوع به موتورهاي جستجو است كه يك URL خاص نشان دهنده كپي اصلي يك صفحه است. با استفاده از تگ Canonical از مشكلات ناشي از محتواي مشابه يا تكراري كه در چندين URL نمايش داده مي شود جلوگيري ميكنيم. به طور كلي تگ Canonical به موتورهاي جستجو مي گويد كه چه نسخه اي از نشاني اينترنتي بايد در نتايج جستجو نمايش داده شود.) اطلاعات، توانايي مشاهده html ارائه شده و موارد ديگر است.

اطلاعات index شده

همان طور كه اشاره شد، مي توانيد HTML ارائه شده را براي صفحاتي كه قصد آزمايش و تست سئو ي آن ها را داريد مشاهده كنيد. اگر بر روي "View crawled page" كليك كنيد، مي توانيد سه تب (Tab) را در قسمت راست صفحه مشاهده كنيد. اين طرح‌ها شامل اچ تي ام ال هايي است كه گوگل در هنگام فرآيند ايندكسينگ (Indexing) آن ها را تهيه كرده است.
كليك بر روي اين تب ها از اين جهت حائز اهميت است كه اطلاعات موجود در آن ها مي‌تواند شامل html پايداريا استاتيك، يا html ارائه شده باشد. نوع اچ تي ام ال ها بسته به مدت زمان پردازش آن ها است.

تب دوم

تب دوم شامل اسكرين شاتي از صفحه ارائه شده (Rendered) است (تنها هنگام تست زنده url ها از طريق دكمه تست url زنده). در بهترين حالت، محتواي سئو ي شما به صورت كامل ارائه شده است و هيچ گونه نقصي ندارد؛ اما بسيار كم پيش مي‌آيد كه چنين حالتي رخ دهد و هيچ گونه نقص و عيبي رخ ندهد. متاسفانه بعضي مواقع اسكرين شات منتشر شده، صفحه ارائه شده را به صورت دقيق بازتاب نمي دهد. اين مشكل ممكن است به دليل مشكلاتي هنگام ارائه يا رندرينگ باشد، يا مشكل ايجاد شده مي تواند به دليل خارج شدن ابزار بازرسي از رده زماني باشد. به همين دليل بسيار مهم است كه همواره كد اچ تي ام ال ارائه شده را چك كنيد تا ببينيد محتواي مورد نظر موجود است, و نبايد تنها به اسكرين شات ارائه شده اتكا كنيد.

در رابطه با بحث خارج شدن ابزار بازرسي سئو از رده زماني، John Mueller از شركت گوگل توضيح مي دهد كه اين مسئله بسيار عادي است و از آن جايي كه سيستم رندرينگ حقيقي گوگل، اغلب اوقات منابع مورد نظر را Cache مي كند، از اين بابت مدت زمان بيشتري سپري مي‌شود. پس فقط در هنگام استفاده از ابزار بازرسي url آن را در نظر بگيريد. ممكن است توضيحات بالا كمي براي شما سر درگمي به وجود آورد بنابراين پيشنهاد مي‌كنيم كه ويديويي از John Mueller كه توضيحاتي در اين رابطه ارائه مي‌دهد را مشاهده كنيد:

تب سوم

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

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

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

 

منبع : http://generalinfo1.parsiblog.com/Posts/47/


برچسب: ،
ادامه مطلب
امتیاز:
 
بازدید:
+ نوشته شده: ۱۹ فروردين ۱۳۹۸ساعت: ۱۰:۰۳:۱۰ توسط:گرگ سفيد موضوع:

استفاده از صفحات پس زمينه در طراحي وب

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

 

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

بايد از چه نوع تصويري استفاده كرد؟

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

قانون شماره 1

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

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

به قالب بندي تصاوير خود به خوبي فكر كنيد.

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

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

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

رنگ

تصميم‌گيري در مورد تون (Tone) عكس، يكي از اولين انتخاب ها در طول اين مسير است.

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

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

 

منبع : http://generalinfo1.parsiblog.com/Posts/48/


برچسب: ،
ادامه مطلب
امتیاز:
 
بازدید:
+ نوشته شده: ۱۹ فروردين ۱۳۹۸ساعت: ۱۰:۰۲:۵۴ توسط:گرگ سفيد موضوع:

استفاده از قانون يك سوم براي صفحه آرايي با استفاده از گريد ( قسمت دوم )

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

 

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

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

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

عكس ها

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

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

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

ساخت گريد قانون يك سوم

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

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

ايجاد گريد

در نرم افزار ويرايش تصوير مانند فتوشاپ، مي توانيد از يك ابزار برش استفاده كنيد؛ يا اين كه گريد سفارشي درست كنيد. براي ايجاد گريد سفارشي، منوي Preferences را باز كنيد و از گزينه Guide، Grid and Slices را انتخاب كنيد. در گزينه گريد: تمامي گريد لاين ها را به صد در صد و Subdivision ها را به سه تغيير دهيد. گزينه گريد را روشن كنيد (يا خاموش) تا بتوانيد گريد موردنظر را با استفاده از دكمه Ctrl+’ بر روي تصوير خود قرار دهيد (در سيستم مك از دكمه +’ استفاده كنيد). اين گريد قابل پرينت شدن نيست؛ بلكه تنها بر روي تصوير قرار مي گيرد.

ابزار برش

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

 

منبع : http://generalinfo1.parsiblog.com/Posts/45/


برچسب: ،
ادامه مطلب
امتیاز:
 
بازدید:
+ نوشته شده: ۱۸ فروردين ۱۳۹۸ساعت: ۰۹:۵۶:۴۷ توسط:گرگ سفيد موضوع: