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

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

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

در این پست، من شش مزیت استفاده از یک رویکرد طراحی اولیه محتوا را برای شما نام می برم. من را دنبال کنید!

1. زمان بندی بهتر پروژه و برنامه ریزی مهلت

مهم نیست که چه کسی مسئول نوشتن محتوا در طراحی سایت است، اینکه شما باشید ، یا شخص دیگری در تیم تان یا مشتری خود .

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

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

این فرآیند همپوشانی است

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

2. کمک به برنامه ریزی سایت

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

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

یک نمونه از برنامه ریزی سایت

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

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

نقشه سایت به آسانی در دسترس است

داشتن نقشه سایت در اوایل پروژه سودمند است. مهم نیست که چطور مستند شده است - مهم این است که آن برای همه برای دیدن در دسترس است.

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

ادامه دارد

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

neural matching در برابر RankBrain

گوگل از هرکدوم در ترجمه چگونه استفاده میکند؟

neural matching به گوگل برای ارتباط دادن بهتر کلمات در جستجوهای سئو کمک میکند ، در صورتیکه RankBrain به گوگل برای ارتباط دادن بهتر در مفهوم ها کمک میکند .

اخیرا ما زیاد درباره neural matching گوگل شنیدیم اما حقیقت اینکه ما زیاد درباره گوگل که neural matching چی هست و گوگل چگونه از آن برای سئو استفاده میکنه رو نمیدونیم.

گوگل به برخی از سوالات برای ما جواب داده،و و اون جوابها رو در حساب توئیتر @SearchLiaison پست کرده تا سعی کنه واضح کنه که neural matching چی هست و چگونه با RankBrain فرق میکنه.

neural matching چی هست؟

گوگل توضیح داد" neural matchingیک سیستم هوش مصنوعی گوگل برای سئو است که در ابتدای 2018 مورد استفاده قرار گرفته تا بفهمیم چگونه کلمات با مفهوم ها ارتباط دارند."

گوگل اضافه کرد:"این شبیه یک سیستم هم معنی بزرگی است.هم معنی ها کلمه هایی هستند که به طور نزدیکی با دیگر کلمه ها ارنباط دارند."

اولین باری که Danny Sullivan(خالق Google Search Liason)صحبت کرده بود درباره اینکه این یک توئیتی حوالی این بیستمین سالگرد در سپتامبرهست بود. Sullivanگفته "یک تغییر بزرگ در جستجو" توانایی برای فهمیدن هم معنی ها است."چگونه جستجوی مردم از اطلاعاتی که مردم درباره راه حل ها نوشتند اغلب متفاوت هست؟"

Sullivan گفته گوگل از neural matchingبیش از چند ماه گذشته استفاده کرده بود،بنابراین به طور تخمینی از اواخر بهار یا اوایل تابستان 2018.

چند ماه گذشته،گوگل از neural matching استفاده کرده بود،روش هوش مصنوعی سئو ، بهتر کلمات را با تصور کلی ارتباط میدهند.هم معنی های عالی،به طریقی،و در 30% پرس و جوها کارساز است.نمیدونین "soap opera effect" چی هست تا دنبالش بگردیم؟ما بهتر میتونیم حلش کنیم.

پ.ن : soap opera effect:یک زبان مصرف کننده ای برای تاثیرات دیداری است....

چگونه neural matching کار میکند؟

گوگل گفته این کمک میکنه تا ارتباط کلمات برای جستحوهای سئو بهتر شوند.مثالی که گوگل به ما داده این بود که neural matching کمک میکنه بفهمیم که جستجو برای "چرا تلویزیون من عجیب غریب به نظر میاد؟"در ارتباط با مفهوم های کلی از"” soap opera effect باشد.در این مورد،گوگل اکنون قادر است تا صفحات را درباره soap opera effect برگرداند.گوگل گفته:"حتی اگر کلمات صحیح به کارنروند."

گوگل اضافه کرد:"این شبیه یک سیستم هم معنی بزرگی است.هم معنی ها کلمه هایی هستند که به طور نزدیکی با دیگر کلمه ها ارنباط دارند."

چقدر neural matching مورد استفاده قرار میگیرد؟

گوگل گفته در سپتامبر 2018 که neural matching حدود 30% از همه پرس و جوهای سئو کارساز است.ما از گوگل پرسیدیم در صورتی که آن افزایش یافته،اما هیچ آپدیتی را دریافت نکرده بودیم.

RankBrain چی هست؟آیا شبیه نیست؟

گوگل بهمون گفته در 2016 که RankBrain همچنان یک هوش مصنوعی سئو است،سیستم ماشین یادگیری به گوگل کمک میکنه پرس و جوها رو بفهمد.

گوگل گفته بهترین راه برای فکر کردن درباره RankBrain سیستم هوش مصنوعی است که در اوایل 2016 مورد استفاده قرار گرفته تا بفهمیم چگونه کلمات با مفهوم های کلی ارتباط دارند.

خوب فرق بین neural matching و RankBrain چیست؟

گوگل اضافه کرد:

- RankBrainبه گوگل بهنر کمک میکنه تا صفحات را با مفهوم های کلی ارتباط دهد.

- neural matchingبه گوگل بهتر کمک میکنه تا کلمات را با جستجوها ارتباط دهد.

چرا مشکل دارد؟

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

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

ما از گوگل پرسیدیم اگر توصیه اضافی درباره neural matching و RankBrain داشت و گفته بودیم این توصیه تغییر نکرده است:به سادگی"مفید خلق کنید،با کیفیت رضایت بالا"

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

سئوها توسط اطلاعیه شماره گذاری شده گوگل باطل شد

ظاهرا،مردم دوست ندارند چیزی از آنها مخفی بماند.

این هفته، سئو ها آگاه شدند که گوگل حمایت کردن از افزایش قیمت rel=next/prev (که نشان می دهد یک صفحه وب بخشی از یک مجموعه بزرگتر از صفحات است) در مدت اینکه روند به فهرست درآوردن برای سالهای پیش است متوقف کرده است .

rel=next/prev (ویژگی های پیوند برای نشان دادن روابط بین یک توالی از صفحات به موتورهای جستجو استفاده می شود.)

داشتن فاکتور rel=prev/next در طراحی سایت آنها و خریدن زمان در نگهداری قواعدها،صاحب های سایت،طراحان سایت،و سئو ها بعضی از احساسات قوی(بی پروا)را درباره خبر پوچ دارند.

اینجا چگونه خبر دادن گوگل است:

خانه تکانی بهاره!

همانجوری که ما راهنمای فهرست خود را ارزیابی کردیم،ما تصمیم گرفتیم تا rel=prev/next را دیگر ادامه ندهیم.

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

کمی قبل از آن، John Mueller از گوگل جزئیاتی را به ما ارائه داد:

ما خبر داده بودیم که ما از rel-next/pre در فهرست درست کردنمان چند سال استفاده نمیکنیم،پس ما فکر کردیم ما ممکنه به خوبی مدارک را برداریم.

چرا ناراحتی،ولی؟ سئو های برجسته مثل Alan Bleiweiss و Jenny Halasz به تعویق افتادند.

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

هنگامی که Bleiweiss پافشاری میکرد که گوگل به علامت های تقویتی مثل برچسب های لینک های رابط فهرست کردن به طور موثر نیاز دارد، Halaszاشاره کرد که موتورهای جستجوی دیگری خارج از اینجا وجود دارد و(شاید با اهمیت بیشتر)که این برچسب ها ممکنه پشتیبانی را برای کاربران فراهم کند کسانی که به تکنولوژی هایی نظیر screen reader برای نشان دادن تکیه میکنند.

گوگل گفته:"لطفا استاندارد WCAG عوض نکنید"دیگر موتورهای جستجوی دیگری وجود دارد و دلیل های دیگری(مثل دسترسی)شما باید چیزهایی را در وب سایت های خود انجام بدهید که کاری با گوگل نداشته باشید.

من برای گوگل برای اشاره نکردن استاندارد دسترسی ناراحتم .

برخی این ریاکاری را برجسته میکنند.

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

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

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

و البته الگوهای رفتاری وجود دارد.

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

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

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

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

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

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

سایر طیف های رنگ سفید

رنگ های نزدیک به رنگ سفید هستند شامل برفی، شیری، عاجی، مرواریدی، کاغذی، ابریشمی، کتانی و ... هستند.

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

نکاتی برای استفاده از رنگ سفید

ایجاد کنتراست

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

سادگی را حفظ کنید

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

تمرکز بر تایپوگرافی

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

فضای خالی، دوست شما است

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

تمرکز بر روی رنگ خاص

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

نتیجه گیری

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

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

گوگل برای یکی کردن(قاطی کردن) rel=next/prev عذرخواهی کرد

گوگل حدس میزنه وب مسترها،توسعه دهندگان،و ناشران به استفاده از rel=prev/next برای دلایلی دیگر خارج از اهداف فهرست کردن سئو ی گوگل استفاده میکنند.

گوگل دیروز تائید کرد که سالها است از rel=next/prev حمایت نکرده است.گوگل اقرار کرده بود که یکی کردن یک اشتباه در سئو بود.آنها از حمایت دست برداشتند اما ارتباط برقرار نکردند تا وقتی که کسی در تیم گرایشات وب مسترهای گوگل متوجه شده باشد به هیج وجه این مورد استفاده جستجوی گوگل نبوده است.

این یک اشتباه بود:ما برای هر اغتشاشی عذرخواهی میکنیم.سخنگوی گوگل به Search Engine Landدرجمعه گفته:این یک اشتباه بود و چیزی بود که ما مجبور بودیم به طور فعالانه قبل از اینکه مستندات را برداریم ارتباط برقرار کنیم.شرکت همچنان میگفت کار را به طور بهتری انجام دادن در ارتباط دادن ایننوع از تغییرات در آینده هدفی برای سئو خواهد بود.

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

آیا شما مجورین بالا رفتن قیمت ها را رفع کنید؟

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

Bing به طور نسبی از rel=prev/nextحمایت میکند

Frédéric Dubutاز Bing دیروز گفته وقتی که Bing برای یکی کردن صفحات از این استفاده نمیکنه،ما برای قابل کشف بودن و فهمیدن قواعد کلی سئو ی سایت ها از این استفاده میکنیم.

ما در حال استفاده rel prev/next(شبیه بیشتر بالا رفت ها)همانگونه که نکات برای کشف صفحه و فهمیدن قواعد سایت هستیم.در این لحظه ما صفحات را باهمدیگر در فهرست سئو براساس اینها یکی نمی کنیم و ما در مدل رتبه بندی ها از prev/nex استفاده نمی کنیم.

گوگل ابدا از این استفاده نمیکنه

اما به طور صادقانه،گوگل اصلا از این استفاده نمیکنه.

گوگل گفته:"اما آن به این معنی نیست که شما باید تک صفحه ای های بسیار بزرگی را وقتی که این بهترین راه حل برای کاربران شما نیست بسازید."

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

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

به نظر می‌رسد تمامی افراد، امروزه اشتیاق زیادی به استفاده از تصاویر پس زمینه سفید دارند.

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

در حالی که استفاده از تصویر پس زمینه سفید ممکن است راحت ترین و امن ترین راه برای طراحی سایت ساده به نظر برسد، اما همواره این گونه نیست.

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

پس زمینه های سفید باید هدف خاصی داشته باشند و زیبایی آن ها در طراحی سایت برجسته باشد.

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

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

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

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

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

اخیرا، متوجه رابطه ای بین زمینه های سفید و دو روند رایج در طراحی سایت شده ام (نویسنده).

طراحی پاسخگو یا ریسپانسیو (Responsive)

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

طراحی یکنواخت و صاف

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

رنگ سفید چه چیزی را عنوان می کند؟

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

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

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

گرایش های طراحی مگامنو در وب سایت های مدرن ( قسمت دوم )

منوهای ابشاری تمام عرض

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

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

طراحی سایت Digital Spy منوی بسیار مشابهی دارد و ان شامل دسته بندی های جدا از هم نیز می باشد.

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

شما حتی می توانید ساختار ستونی را با افکت تمام صفحه در یک طراحی سایت ترکیب کنید. شما می توانید این کار را OARS website مشاهده کنید که مثال خوبی از یک طراحی عالی بعلاوه ی UX عالی می باشد.

ترکیب کردن عکس ها و متن

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

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

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

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

با مقالات دقیق و کامل در گوگل چه خبر؟

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

گوگل چی گفته ؟

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

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

مقالات دقیق و کامل چی هستند؟

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

ابزارهای ردیابی چه چیزی را نشان میدهند:مردم در Moz گزارش کردند که مقالات دقیق و کامل از نشان دادن نتایج جستجوی سئو به طور کامل خودداری کردند.

بنابراین،بعد از همه ی نامنظمی آخر هفته،ما 0% از مقالات دقیق و کامل در این صبح را میبینیم.هیچ اثری از 3 پک هایی که شمارش صفحات 1 تا 12 را بالا بردند نیست.یا تست هستند یا اکنون کاملا یکی هستند.

Fiveblocks،شرکت دیگری که این مسیرها را ردیابی میکند،همچنین تائید کردند که دور شدند:

به واسطه تیم جستجوی ما و شانسمون 500 داده طی روزهای گذشته جمع آوری شده.اسکرین شات از شرکت های خاص بعدا میاید.

Ari Roth از FiveBlocks به من داده ای را از ابزار IMPACT نشان داد که شروع کاهش ها را در 6 مارس نشان میداد.
این اولین بار نیست که گوگل مشکلاتی را در نشان دادن مقالات کامل و دقیق داشته.چند سال پیش آنها برای 17 روز گمشده بودند.

آیا انها دور شدند؟

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

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

اینجا اسکرین شات از نتایج اصلی که مقالات سئو را بواسطه Verge, Wired and Gizmodo وجو دارد نشان میدهد.

نتایج فعلی به جای پیوندها بر حسب صفحات اجتماعی آمازون و سایت های خودمان.

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

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

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

و بر اساس پوشش خبری رتبه بندی شده سئو ،این میتونه در بخش شهرت برندها مقداری کمک کند.

عنوان های آمازون را که رتبه بندی شده بودند قبول کنید،برای مثال:"رفتار زشت در $175 بیلیون در بازار آمازون." "چرا اینقدر

سخت که از آمازون رهایی پیدا کنید" و "من سعی کردم آمازون را از زندگیم مسدود کنم،اما این غیرممکن بود."
اما مقاله Rolling Stoneکه برای عنوان رنبه بندی شده(بانکی در آمریکا):شکست خوردن درست نیست.

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

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

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

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

دسته بندی های تو در تو

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

سایت Wayfair

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

سایت puma

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

سایت lucky brand

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

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

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

آپدیت الگولیتم فلوریدا 2 گوگل هیچ ارتباطی با آپدیت اصلی فلوریدا ندارد

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

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

چه کسی فلوریدا 2 را نامگذاری کرد؟

این اسم از Brett Tabke آمده،صاحب دادگاهWebmasterWorld و همایش PubCo.آن زمینه گفتگوی WebmasterWorld را آپدیت کرد و آن را فلویدا 2 نامید.در روزهای اولیه سئو Tabke و WebmasterWorld توسز بعضی از آپدیت های گوگل نامگذاری میشد،بنابراین ما خوشحالیم که دوباره ریشه ی آن اسم را میبینیم.

چرا فلوریدا 2 نامگذاری کردند؟

آپدیت اصلی فلویدا 2 در نوامبر 2003 آپدیت فلوریدا نامیده شد بخاطرBrett که همایشPubCon در فلوریدا را راه اندازه کرده بود.بنابراین آنها آپدیت را آپدیت فلوریدا نامگذاری کرده بودند.دوازدهم این مارس آپدیت در یک هفته ای بعد از کنفرانس دیگر PubCon در فلوریدا اتفاق افتاد.بنابراین Brett اسم این آپدیت سئو را به عنوان توافقی بر آپدیت اصلی فلوریدا طی دهه های قبل آپدیت فلوریدا 2 نامگذاری کرد و همچنان مورد تاکید قرار دادن PubCon.

این مهم است:فلوریدا 1 و 2 باهمدیگر فرق دارند.

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

آپدیت 3/12 چه بود؟

اون سوال خوبیه__ما میدونیم این یک آپدیت بزرگ بود.گوگل اغلب آپدیت های اصلی بزرگی را هر سال انجام میدهد و گوگل تائید کرد این یکی از آپدیت های اصلی عمدتا بزرگ بود.

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

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