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

مفاهیم بنیادین طراحی سایت (بخش اول)

طراحان — Tue, 16 Feb 2016 12:44:58 +0000

معرفی اصطلاحات دامنه، سرور و هاستینگ؛ طراحی سایت

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

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

شبکه چیست؟

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

کامپیوترهایی که شبکه را شکل می دهند می توانند همیشه یا بطور مقطعی با هم در ارتباط باشند. چنانچه همیشگی به هم مرتبط باشند “سرور” نامیده می شوند و تنها تفاوتی که با سایر سیستم های کامپیوتری دارند این است که نرم افزار ویژه ای بنام “سرور” روی آن ها نصب است.

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

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

چگونه یک جستجوگر شبکه می تواند یک وب سایت را پیدا کند؟

جواب کوتاه این است: با تایپ کردن URL یا به عبارت دیگر، آدرس وب سایت. اما نکته اصلی این است که چگونه می توان یک آدرس رسمی برای وب سایتی در نظر گرفت که به کمک آن بتوان کل سایت را پیدا کرد؟

ثبت نام دامنه

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

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

چنانچه خواهان داشتن آدرس یا نام دامنه مخصوص به خود در شبکه هستید باید هزینه ای را سالیانه پرداخت نمایید تا نام مذبور برای شما ثبت شود. ثبت هر دامنه می‌تواند سالانه تا دو ساله باشد. دلیل پرداخت هزینه بروزرسانی لیست اسامی دامنه ها در کل دنیاست.

منبع: www.how-to-build-websites.com

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

طراحان — Tue, 16 Feb 2016 14:31:45 +0000

راه اندازی وب سایت در شبکه؛ طراحی سایت

با توجه به جزئیات ذکر شده در مقاله قبل، حال زمان یادگیری مراحل راه اندازی سایت است:

۱. ثبت دامنه

۲. اجاره فضای سرور

۱. ثبت دامنه

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

تفاوت بین com. و net. و org. و .etc در چیست؟

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

۲. اجاره فضای سرور برای هاستینگ وب سایت

برای مدیریت سایت در شبکه جهانی وب نیاز به اجاره فضایی در سرور وجود دارد که غالباً هاست نامیده می شود. شرکت هایی که چنین خدماتی ارائه می کنند نیز هاستینگ نامیده می شوند.

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

منبع: www.how-to-build-websites.com

طراحی سایت (بخش چهارم)

طراحان — Sun, 21 Feb 2016 13:04:38 +0000

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

خلاصه فرآیند طراحی سایت – ادامه

مرحله ششم) ساخت وب سایت

در این مرحله می توانید ساخت صفحات وب را آغاز کنید. بدین ترتیب:

۱. برای ساخت هر صفحه وب اقدامات مراحل ۱ تا ۵ را انجام دهید.

۲. صفحات وب را به هم لینک دهید.

از این مرحله به بعد می توانید بطور امتحانی طراحی سایت خود را آغاز کنید.

مرحله هفتم) انتخاب نام دامنه

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

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

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

۲. موتورهای جستجو مانند گوگل بدنبال المان های متعددی از سایت شما می گردند و مشخص می کنند که سایت شما در چه زمینه ای هستند. یکی از همین عناصر کلیدی نام دامنه است. گوگل بدنبال کلمات کلیدی در نام دامنه می گردد و به گوگل بوت (نرم افزار اتوماتیک گوگل) کمک می کند تا سایت شما را دسته بندی نماید.

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

منبع: www.how-to-build-websites.com

افزایش سرعت بارگذاری سایت

طراحان — Sun, 30 Oct 2016 07:22:52 +0000

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

یک هاست خوب انتخاب کنید

بنا بر تحقیقات انچام گرفته توسط سایت Akamai، تقریباً نیمی از مردم توقع دارند صفحات سایت در زمانی کمتر از ۲ ثانیه لود شوند و حدود ۴۰% از مردم گفته‌اند که اگر این زمان تنها یک ثانیه افزایش پیدا کند، صفحه را ترک می کنند. سایت‌های فروشگاهی با دنبال کردن اهدافی همچون جذب مشتری و افزایش فروش، بیش از سایر سایت‌ها به سرعت لود و بار گذاری مطالب اهمیت می‌دهند. مطالعه‌ای با عنوان “چرا عملکرد سایت اهمیت دارد. آیا سایت شما مشتری‌ها را دور می‌کند؟” ادعا می‌کند در ساعات اوج ترافیک، بیش از ۷۵% از مشتری‌ها ترجیح داده‌اند به جای انتظار در صفحه فعلی برای لود مطالب، سایت را بسته و سایت‌های رقیب را مطالعه کنند. سایت‌هایی که به سرورهای اختصاصی با سرعت بالا، پیکر بندی و منابع بهینه مجهزند. این قبیل سرورها با وجود گران بودن، برای شما با ترافیک بازدید بالا، یک ضرورت به شمار می‌آیند. از طرفی دیگر، هاست‌های اشتراکی سایت شما را در کنار صدها سایت دیگر بر روی یک سرور قرار داده و منابع سرور چه سخت فزاری و چه نرم افزاری بین صدها سایت به اشتراک گذاشته می‌شود که در نتیجه منابع محدودتری به سایت شما تخصیص می‌یابد. بنا بر این مطمئن باشید که هاستینگ اختصاصی بهترین گزینه برای ثبات، عملکرد و ارتقا سایت شما می‌باشد. هرچند همیشه هم شرکت‌های هاستینگ مقصر نیستند. گاهی اوقات قدرت سرورهای هاست افت می‌کند. به هر حال بهترین روش آن است که از شرکتی خدمات هاستینگ خود را بگیرید که هم پشتیبانی خوبی داشته باشند و هم بتوانند در ساعات اوج شلوغی، ترافیک سایت را خوب مدیریت و کنترل کند.

بهینه سازی تصاویر

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

فعال کردن فشرده سازی

همانند عکسها، فشرده سازی صفحات بزرگ وب نیز می‌تواند باعث کاهش پهنای باند صفحات و در نتیجه کاهش سرعت لود شود. بدین منظور کافی است فایل‌ها را قبل از آپلود به فرمت Gzip فشرده کنید. بنا بر ادعای یاهو، پس از این کار، سرعت لود تا ۷۰% کاهش می‌یابد. بهتر است که اولین منبع فشرده سازی را Gzip انتخاب کنید؛ زیرا ۹۰% کاربران اینترنت از مرورگرهایی بهره می‌جویند که از فرمت Gzip پشتیبانی می‌کنند. علاوه بر این، Gzip از سمت سرور نیز قابل دست رسی می‌باشد و می‌توان از طریق پوشه‌های .htaccess, nginx.conf یا web.config آن را تنظیم کرد.

ذخیره سازی مرورگر

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

بهترین حالت این است که بتوان تمام منابعی که قابلیت ذخیره سازی دارند را حداقل یک هفته و ترجیحاً یک سال نگه داری کرد. نکته مهم بعدی برای سرعت بخشیدن به دانلود عناصر HTTP این است که هدرهای HTTP keep-alive را فعال کنیم.. به این ترتیب مر.رگر و سرور با یک اتصال می‌توانند اقدام به دریافت و ارسال چند فایل کنند. در واقع هنگامی که کاربر از سایت شما بازدید می‌کند، اتصال سرور باز باقی می‌ماند و دیگر نیازی نیست تا برای هر در خواستیک اتصال جدید اتفاق بیفتد. برای فعال کردن keep-alive تنها کافیست چند خط کد ساده به .htaccess, nginx.cong یا web.config file اضافه کنید.

اسکریپت و CSS

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

پیکربندی CDN

بسیاری تصور می‌کنند که CDN نکته طلایی سرعت سایت می‌باشد. به همین دلیل در این مقاله اول موارد دیگر بررسی شد تا ثابت کنیم این طرز تفکر اشتباه است. CDN لزوماً و به تنهایی سرعت سایت را بالا نمی‌برد. سی دی ان می‌تواند بعد از اجرای روش‌های ذکر شده، عامل موثر بعدی در افزایش سرعت سایت باشد. CDNها، سرورهایی هستند که در مناطق و جاهای مختلف قرار گرفته‌اند و امکانات پایداری را به کاربر ارائه می‌دهند. هنگامی که شبکه در خواستی را دریافت می‌کند، داده‌ای که در نزدیک‌ترین سرور قرار گرفته سرعت لود صفحه را بالا می‌برد و در نتیجه، سرعت دانلود نیز بهبود پیدا می‌کند. محتوای مورد نظر بین چند سرور تقسیم می‌شود و به این ترتیب مسائلی که باعث تاخیر پاسخ گویی سرور می‌شوند، کاهش پیدا می‌کنند و بالطبع سرعت دانلود بالا می‌رود به علاوه، به دلیل پخش سرورها، up-time سایت هم افزایش پیدا می‌کند و اگر یکی از سرورها به هر دلیل نتواند به در خواست پاسخ بدهد، درخواست برای سرور نزدیک بعدی فرستاده می‌شود. این فایل‌های استاتیک به صورت جدا (و در بیشتر موارد در URLهای مختلف) از HTML مرکزی صفحه‌ای سرو شده‌اند. در نتیجه ساختمان صفحه شما به مرورگر فرستاده می‌شود. به این ترتیب نه تنها سرعت بار گذاری صفحه بالا می‌رود، بلکه اجازه نمایش صفحات قبل از لود کامل را نمی‌دهد. استفاده از CDN عملکرد سایتتان را در سر تا سر دنیا بهبود می‌بخشد و از این جهت ارزش سرمایه گذاری را دارد. باید به خاطر داشته باشید که سی در ان به تنهایی و به طور جادویی سرعت سایتتان را افزایش نمی‌دهد. استفاده از CDN در کنار سایر نکات ذکر شده، باعث نتیجه گیری حداکثری خواهد شد.
حرف آخر
روش هایی که در این مقاله ارائه شدند واقعاً ارزشمند هستند و می‌توانند سایت وردپرسی شما را تا آخرین حد ممکن سریع کنند. اما نباید انتظار داشته باشید که فقط با کمک یکی از این روش‌ها سرعت لود صفحات سایتتان بالا برود. این تکنیک‌ها در کنار هم سرعت بار گذاری را افزایش می‌دهند. CDN به تنهایی نمی‌تواند سرعت لود را بالا ببرد. ذخیره سازی مرورگر و فشرده سازی فایل‌های بزرگ می‌توانند منجر به دانلود سریع‌تر عناصر از سرور به کامپیوتر کاربر شود. ضمناً شما می‌توانید سرعت سایتتان را از طریق Google PageSpeed Insight و یا GTmetix بررسی کنید و ببینید که صفحات سایت شما در مقیاس سرعت بارگذاری، اندازه صفحات و تعداد درخواست‌ها چطور عمل می‌کند. هدف سایت، ایجاد یک تجربه کاربری خوب است و اولین قدم برای نیل به این هدف افزایش سرعت بار گذاری صفحات می‌باشد تا کاربر در اولین کلیک از سایت شما ناامید نشود.

الگوریتم جدید گوگل

طراحان — Mon, 31 Oct 2016 07:50:25 +0000

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

گوگل الگوریتم جست و جوی خود را برای حمایت از سایت‌های سازگار با تلفن همراه (Mobile-Friendly) بازسازی خواهد کرد. طبق اعلان مرکز مدیریت وب سایت گوگل (Google Webmaster Central)، الگوریتم جدید گوگل مهم‌‎ترین تغییر الگوریتم موبایلی خود را در تاریخ زیر اعمال خواهد کرد:

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

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

این تغییر الگوریتم “قابل توجه” خواهد بود

گوگل مجدداً در اعلامیه خود درباره این الگوریتم از واژه تغییر قابل توجه استفاده کرده است. “این تغییر روی جست و جو های موبایلی در همه زبان‌های سراسر جهان تاثیر خواهد گذاشت و هم چنین تاثیر قابل توجهی در نتایج جست و جوی گوگل خواهد داشت.”

تاثیر واقعی یک تغییر الگوریتم وقتی گفته می‌شود این تغییر قابل توجه است، چقدر خواهد بود؟ با جست و جوی آرشیو وبلاگ وب مسترها برای کلمه قابل توجه در مورد :تغییرات الگوریتم‌ها، به تغییرات الگوریتم بزرگ زیر می‌رسیم که گوگل در اعلام آن‌ها از واژه تغییر قابل توجه استفاده کرده است

• Crawling – ۲۰۱۲

• Markup – ۲۰۱۰

• Linking – ۲۰۰۹

• Panda 1.0 – ۲۰۱۲

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

پیش بینی‌های اولیه ما این است که صفحات بهینه نشده برای سازگاری با موبایل‌ها در رتبه بندی موبایلی و احتمالاً رتبه بندی desktop شاهد افت خواهند بود و هر صفحه فاقد بهینه سازی موبایلی دیگر رتبه‌ای برای کلمات کلیدی شان به دست نخواهد آورد. دیگر این که در صفحه اول نتایج جست و جو برای هر کلمه کلیدی فقط وب سایت‌های mobile-friendly قرار خواهند گرفت. الگوریتم جدید گوگل هر صفحه را به صورت جداگانه ارزیابی می‌کند. یکی از ویژگی‌های قابل توجه الگوریتم جدید گوگل، تجزیه و تحلیل سازگاری موبایلی بر اساس صفحه به صفحه می‌باشد به جای این که بر اساس کل وب سایت تحلیل شود.

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

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

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

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

ایندکس شدن اپلیکیشن موبایلی از حالا یک عامل در نتایج جست و جو است

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

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

– اضافه کردن لینک پشتیبانی خوب و مشخص کردن چگونگی رسیدن به محتوای خاص در برنامه.

– تایید وب سایت رسمی برنامه تان در کنسول Google play.

– ارائه لینک‌های خوب برای هر صفحه مرتبط وب سایت.

– بررسی خطاها در webmaster tools و برطرف کردن آن‌ها.

نتیجه گیری: در مورد این الگوریتم جدید گوگل چه باید کرد .

۱. به عنوان اولین اقدام، وب سایت خود را با موبایل سازگار نمایید. سایت ریسپانسیو، بهترین گزینه است.

۲. دوم این که در webmaster tools گوگل به تمام مشکلات قابلیت استفاده موبایلی وب سایت خود رسیدگی کنید.

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

۴. بر معیارهای خود با دقت نظارت کنید تا زمان اجرای الگوریتم جدید گوگل در تاریخ ۲۱ آوریل و پس از آن.

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

طراحان — Sat, 05 Nov 2016 06:17:14 +0000

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

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

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

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

رنگ در طراحی سایت

یک بهترین رنگ نداریم!

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

اثر روان شناسی رنگ

قابلیت خواندن متون صفحات سایت . مثل سایت : (www.iranbusinesstime.com)
رنگ متمم رنگ‌های انتخابی برای بک گراند ، گرافیک‌ها ، لینک‌ها و متون ( مثل سایت www.ray-com.com )
وجود تطبیق رنگی بین لوگوها و آرم‌های صفحات با رنگ بندی متون و مطالب به کار گرفته شده (مثل سایت www.mrhost.ir )
وجه به نوع مخاطب و بازدیدکننده بخش‌های مختلف سایت .

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

۵ اصل مهم

لیست زیر مشخصه‌هایی از رنگ‌ها را که هنگام طراحی باید مد نظر داشته باشید بیان می‌کند:

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

روان شناسی رنگ‌ها

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

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

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

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

آبی : امنیت، اعتماد، مسیولیت پذیری، سرما، ایمان، وفاداری، وابستگی و جاه و جلال. آبی دومین رنگ عوام پسند است. در تجارت به معنای ضمانت مالی است .

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

قهوه ای : تاثیر گذاری، متانت، توانگری مالی و کمک کننده بودن. قهوه‌ای رنگ کره خاکی ماست و در طبیعت بسیار فراوان است .

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

صورتی : ملایمت، شیرینی، ظرافت و زنانگی، خوب بودن، بی گناهی و پرورش کودک .

بنفش : وقار، معنویت، شاهانه بودن، عیش و نعمت، دارایی، اعتبار و نفوذ، سوگواری و مهارت. در تجارت بزرگ نشان دادن است. بنفش طرفداری از سبک‌های هنرمندانه است.

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

زرد : نور خورشید، گرمی، خوشی، نامردی، ترسویی و حسادت. در تجارت درخواست از نوع روشنفکرانه است و برای تاکید نیز خوب است. زرد باعث افزایش تمرکز شده، سوخت و ساز را زیاد می‌کند و سخت‌ترین رنگ برای چشم‌هاست .

طلایی : نشانگر گران بودن و پرستیژ است .

نقره ای : سرما علمی بودن و اعتبار و پرستیژ است .

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