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

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

مشترکان

جمع‌آوری مشترکان در طراحی سایت یکی از رایج ترین کارها در دنیای اینترنت است؛ تمامی افراد این کار را انجام می دهند. حتی (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/

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

آزمایش صفحات وبسایت

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

گوگل

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

در ابتدا، اگر با نحوه ارائه جاوا اسکریپت در گوگل آشنا نیستید، این ویدیو می‌تواند خلاصه بسیار مفیدی را به شما ارائه دهد. نحوه کار به این صورت است که گوگل، صفحه را کرال یا خزش (خزنده ها ( Robots- Spider-Crawler) در اصل نرم افزارهای تحت وبی هستند که با الگوریتم های هوشمند و پیچیده ای که موتورهای جستجو برای آنها تهیه کرده اند وارد صفحات وب می شوند . این کرولر ها با دیدن لینک هایی که در این صفحات مشاهده می کنند بیکار ننشسته و به آن لینک ها میخزند . و ممکن است باز مجددا در آن صفحات , لینک های دیگری باشد که به همین صورت این خزیدن ادامه پیدا می کند .) می کند و آن را به بخش پردازنده برای ارائه محتوای سئو ارسال می‌کند.

زمان نشان دادن صفحات استاتیک

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

مراحل انتشار محتوا

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

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

اهمیت بررسی صفحات

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

بنابراین تست صفحات واقعا مهم است.

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

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

واکنش کاربران به هشدار غیر امن

آژانس John Cabot پس از بررسی 1,324 نفر در انگلستان دریافت که کاربران وب پس از مشاهده ی پیام "غیر ایمن" در وب سایت ها، به نوعی اشتیاق خود برای مشاهده ی وب سایت را از دست می دهند و در موارد بسیار زیادی از جستجو در سایت مورد نظر منصرف می شوند. اما بحث امروز در رابطه با واکنش سریع و بدون فکر به این پیغام نیست، بلکه نتایج بررسی ها و تحقیقات انجام شده نشان داد که مشاهده ی پیغام ذکر شده بر روی رفتار کاربران و احساس آن ها نسبت به وب سایت و برند مورد نظر نیز تاثیر بسزایی دارد و چه بسا سئو ی آن را به خطر میندازد .

ترس و بی میلی

از سال 2014، HTTPS تبدیل به سیگنال اصلی سئو در گوگل شده است، و از جولای سال 2018 (تیر ماه 1397) به بعد، شرکت گوگل تصمیم گرفت تا تمامی وب سایت های HTTP را در مرورگر "کروم" خود با نام "غیر ایمن" علامت گذاری کند. با این وجود، نتایج این بررسی نشان می دهد که نزدیک به 47 درصد افراد تا حدودی معنای اخطاری که آن را مشاهده می کردند، می دانستند. نزدیک به 46 درصد نیز اعلام کردند که مایل نیستند اطلاعات شخصی یا مالی خود را با این گونه وب سایت ها به اشتراک بگذارند و 64 درصد از گروه ذکر شده گفتند که در صورت مشاهده با چنین اخطاری، سایت را بلافاصله ترک خواهند کرد.

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

• دستگاه آن ها در معرض ویروس قرار داشت – 14 درصد
• وارد صفحه ای تقلبی از وب سایت مورد نظر خود شده بودند – 12 درصد
• محتوای مورد نظر آن ها قابل اعتماد و بر اساس حقایق و دانسته های معتبر نبود – 9 درصد
• استفاده از اطلاعات بخش ثبت نام کاربران برای Spam Mail – 8.4 درصد

نتایج این بررسی همچنین نشان می دهد بسیاری از افراد نگران این هستند که اطلاعات بخش Search History یا تاریخچه ی جستجوی آن ها به فروش برسد.

تاثیر بر روی احساس و نظرات افراد نسبت به برند مورد نظر

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

به هرحال، با توجه به ایده ها، بررسی ها و تحقیقات ذکر شده به نظر می رسد هشدار "غیر ایمن" مبحثی بسیار مهم است و امروزه نرخ تبدیل سئو یا ماندن کاربران در سایت (Conversion Rate) به شدت تحت تاثیر این پیغام اخطار قرار دارد.

چرا باید به این پیغام اهمیت دهیم

نتایج بالا نشان می دهد نیمی از جمعیت آماری این بررسی نگرانی زیادی از بابت این پیغام نداشتند. بنابراین هنگام مواجهه با این اخطار، نیمی از این افراد واکنش خاصی نشان نمی دهند، اما ترکیب HTTPS به عنوان عاملی برای سئو و واکنش های ناخواسته ی بازدید کنندگان در هنگام مشاهده ی پیغام "غیر ایمن"، در واقع ضرورتی برای به کار گیری رمزگذاری (Encryption) HTTPS است. به عبارتی دیگر، هیچ بهانه ای برای عدم به کارگیری HTTPS وجود ندارد.
John Cabot دریافت که علاوه بر این بررسی، همچنان میلیون ها وب سایت با اخطار "غیر ایمن" وجود دارند.

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

استفاده از قانون یک سوم برای صفحه آرایی با استفاده از گرید (Grid)

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

اما استفاده از قانون یک سوم - یک گرید مبتنی بر ریاضی - برای طراحی سایت هایی که قدمت آن ها به هزاران سال می رسد چگونه است؟ آیا طراحان تا به حال به این مورد فکر کرده اند؟

پاسخ این سوال باید مثبت باشد.

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

قانون یک سوم چیست

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

تمامی بلوک ها در قانون یک سوم دارای یک اندازه می باشند (9 بلوک در کل)؛ اما این بلوک ها می توانند بسته به پروژه موردنظر، دارای اندازه و شکل های متفاوت باشند. تمامی بلوک ها یا کل گرید، تمامی پروژه یا شبکه کامل را مورد پوشش قرار می دهند یا می توانند بر روی یک تصویر کامل یا اسکرین شات قرار بگیرند.

فواید گرید

این گرید، در چندین نکته مهم کمک بزرگی به طراحان می کند که این نکته ممکن است کمی باعث تعجب شما باشد.

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

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

حتی اگر درهنگام طراحی سایت ، قانون یک سوم را در ذهن خود در نظر نمی گیرید، این قانون همچنان قابل اجرا است.

تمرکز

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

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

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