سرعت بارگذاری در طراحی سایت و رتبه گرفتن در موتور های جستجو بسیار مهم است . چراکه اگر بعد از طراحی سایت به این نکته توجه نکنید ممکن است تاثیرات منفی برروی کسب وکار شما و جذب یوزر داشته باشد . در این مقاله به بررسی ابزار های سنجش بارگذاری سایت خواهیم پرداخت . در ادامه همراه باشید .
اینکه چقدر سایت شما در طراحی سایت حرفه ای باشد مهم نیست ، مهم از نظر گوگل وضعیت بارگذاری صفحات مهم است که وبسایت شما زیر 5 ثانیه لود شود .
تحقیقات انجام شده ، نشان می دهد هر یک ثانیه لود دیر تر سایت شما ۷% احتمال Conversion را کاهش می دهد . روی این مورد تمرکز کنید تا سرعت بارگذاری سایت را افزایش دهید و به زیر ۱ ثانیه برسانید!
خوشبختانه ابزارهای بسیار خوبی برای تست سرعت بارگذاری سایت وجود دارند که در سرویس توسعه گوگل نیز برای وب سایت ها وجود دارد و همچنین می توانید از ابزار گوگل آنالیز نیز استفاده کنید.
این ابزارهای گوگل کاملا رایگان هستند و امتیاز آن از ۱۰۰ می باشد و هر سایتی که امتیاز آن به ۱۰۰ نزدیک تر باشد دارای سرعت لود بهتری است.
بعد اجرای تست با این ابزار گوگل لیستی از اولویت ها به شما داده می شوند که می توانید روی توسعه آن ها کار کنید یا به توسعه دهنده وب سایت خود بسپارید و بخواهید که برای شما انجام دهد از طریق لینک زیر می توانید به ابزار تست گوگل برای سرعت بارگزاری صفحات دسترسی پیدا کنید :
https://developers.google.com/speed/pagespeed/insights
منبع: طراحی سایت
اگر مدیریک سایت هستید و از عمر وبسایت شما بیش از 6ماه میگذرد ، حتما مایل خواهید بود تا در روند طراحی سایت خود تغییراتی را اعمال کنید . قبل از اعمال تغییرات در طراحی سایت باید به چند نکته خیلی مهم توجه داشته باشید . این نکات درطراحی سایت میتواند تاثیرات مثبت و شگرفی بگذارد .
1 - قبل از تغییر در طراحی سایت ، دلیل قانع کننده بیابید !
به طور کلی، بازدیدکنندگان دائمی وبسایت ها، تغییرات بسیار عمده و سنگین را نمی پسندند، زیرا، پس از مدت ها کارکردن با سایت، اکنون دیگر با خصوصیات سایت آشنا شده اند و به خوبی می دانند چگونه در سایت مانور دهند و به اهداف خود برسند.
باید به این نکته توجه داشته باشید که ایجاد تغییرات مکرر بدون دلیل می تواند آمار بازدیدکنندگان وبسایت را تا حد قابل توجه ای کاهش دهد. این بدین معنی نیست که شما اصلا حق ندارید طراحی سایت خود را به هیچ وجه تغییر دهید.
بلکه باید سعی کنید هنگام ایجاد تغییر و تحول در طراحی سایت خود، با قرار دادن عناصر ناوبری سایت در مکان های استاندارد، مشکلات احتمالی بازدیدکنندگان را به حداقل برسانید. برای مثال، نوارهای منوی ناوبری [نویگیشن]، همواره در ستون چپ، ستون راست، بالا و یا پایین میلیون ها وبسایت در سرتاسر جهان قرار دارند.
اگرچه، هیچ قانونی درباره مکان این عناصر وجود ندارد، اما قرار دادن این عناصر در مکان های رایج بدین معنی است که حرکت کاربران را تا حد ممکن سهل و آسوده نمایید.
در زیر به برخی از دلایل خوب برای ایجاد تغییر در طراحی سایت میپردازیم :
بهتر شدن ظاهر سایت از لحاظ استفاده برای کاربر و مشتری شما
طراحی سایت مجدد به منظور بهبود کاربری آن برای مشتریان، می تواند دلیل کاملا مناسب و ارزشمندی برای ایجاد تغییر باشد. در واقع، ایجاد تغییر در طراحی سایت با این منظور، نه تنها آمار بازدیدکنندگان را کاهش نخواهد داد بلکه با بهبود تجربه کاربران، باعث افزایش آمار بازدیدکنندگان و کاربران سایت نیز خواهد شد.
امکان افزایش دسترسی بیشتر به سایت شما
مانند دلیل بالا، ایجاد تغییر با هدف افزایش دسترسی به سایت نیز می تواند دلیل خوبی برای طراحی مجدد باشد. به طور کلی، چنین تغییری می تواند باعث بهبود وضعیت سایت از نظر موتورهای جستجو نیز شود.
بهتر کردن وضعیت سایت از نظر موتورهای جستجو یا همان سئو و بهینه سازی
دلیل مناسب دیگر برای ایجاد تغییر این است که بخواهید وضعیت سایت را از لحاظ قابل جستجو بودن در موتورهای جستجو بهبود بخشید.
2 - سعی کنید کمترین تغییرات را در URL ها داشته باشید.
در هنگام طراحی سایت مجدد، بسیاری از وبمسترها احساس می کنند که باید از این فرصت استفاده کنند و URLهای قدیمی یا ضعیف، و یا ساختار وبسایت را تعمیر نمایند.
برای مثال، شاید در طول زمان، متوجه شده باشید که می توانید با قراردادن برخی از فایل ها در یک دایرکتوری (فولدر)، سایتتان را منطقی تر سازماندهی کنید. یا شاید بخواهید نام فایل های برخی از صفحات را عوض کنید تا بهتر بتوانند به محتویات خود اشاره داشته باشند و یا آنها را توصیف کنند.
در هنگام طراحی سایت، باید مراقب باشید که چنین تغییراتی را انجام ندهید.
به طور کلی، تغییر URL ها و ساختار سایت، ایده مناسبی نیست.
به یاد داشته باشید، هنگامی که URLها را تغییر می دهید، در واقع اعتباری که صفحات قدیمی شما در موتورهای جستجو بدست آورده بودند از دست می رود. اگرچه به صورت کامل از دست نمی رود، اما با این وجود اگر احساس می کنید که باید یک صفحه قدیمی را تغییر دهید، می توانید این کار را انجام دهید. در این زمینه، گذاشتن یک لینک در صفحه قدیمی که به لینک جدید اشاره داشته باشید، کافی نیست.
باید به علاوه، به موتورهای جستجو و بازدیدکننگان اشاره کنید که صفحه قدیمی شما برای همیشه تغییر مکان داده است.
به طور کلی، تغییر URL ها و ساختار سایت، ایده مناسبی نیست. به یاد داشته باشید، هنگامی که URLها را تغییر می دهید، در واقع اعتباری که صفحات قدیمی شما در موتورهای جستجو بدست آورده بودند از دست می رود.
اگرچه به صورت کامل از دست نمی رود، اما با این وجود اگر احساس می کنید که باید یک صفحه قدیمی را تغییر دهید، می توانید این کار را انجام دهید.
در این زمینه، گذاشتن یک لینک در صفحه قدیمی که به لینک جدید اشاره داشته باشید، کافی نیست. باید به علاوه، به موتورهای جستجو و بازدیدکننگان اشاره کنید که صفحه قدیمی شما برای همیشه تغییر مکان داده است.
3 - تغییرات لازم در زمینه ظاهر سایت را فقط از طریق اصلاح فایل های CSS ایجاد کنید.
اگر برای مدیریت ظاهر سایت خود، از CSS استفاده می کنید و فقط می خواهید ظاهر سایت خود را تغییر دهید، می توانید با کمترین کار، و فقط با اصلاح فایل CSS، این کار را انجام دهید. از آنجایی که شما مجبور نیستید به تک تک صفحات خود بروید و آنها را اصلاح کنید، لذا ایجاد چنین تغییراتی در وبسایت، کاری ساده است
4 - یک ویرایشگر وب مناسب یا یک برنامه جستجو و جایگزین خوب تهیه کنید.
باید به این نکته توجه داشته باشید که این آخرین باری نخواهد بود که طراحی سایتتان را تغییر می دهید. همان طور که دینامیک وبسایت ها عوض می شود، سلیقه ها نیز تغییر می کند.
و همچنین با گذشت زمان، و افزایش تجربه، ممکن است متوجه شوید که چیزهایی که زمانی فکر می کردید ایده های خوبی هستند، اکنون مانع رشد سایتتان شده اند. در نتیجه می توان گفت که همین طراحی مجددی که اکنون انجام می دهید، نهایتا در آینده، باز نیاز به تغییر و طراحی مجدد پیدا خواهد کرد.
یک راه حل دیگر برای کاهش زحمت ها و دردسرهای زمان طراحی مجدد، این است که از یک ویرایشگر وب بسیار حرفه ای استفاده کنید که مخصوص ایجاد چنین تغییراتی ساخته شده است. (Microsoft Expression Web) و (Dreamweaver) دو نمونه از چنین ویرایشگرهایی هستند.
این ویرایشگرهای حرفه ای، با ابزارهای بسیار پیشرفته مدیریت وبسایت، شما را قادر می سازند، تنها با یک صفحه (template) ، طراحی وبسایتتان را عوض کنید و می توانند تمامی آن تغییرات را به صورت خودکار در سرتاسر وبسایت تکرار کنند. اگر ترجیح می دهید، خودتان به صورت دستی و با استفاده از HTML و CSS، وبسایتتان را ویرایش کنید، پس باید یک برنامه جستجو و جایگزین را در کنار ویرایشگر متن خود داشته باشید.
چنین برنامه هایی، امکانات متعددی را برای شما فراهم می کنند و شما قادر خواهید بود که عبارت های متنی را به سادگی و با کارآمدی بیشتری، جایگزین نمایید.
5- سعی کنید قبل از ایجاد تغییر، تاثیر طراحی سایت را درک و آن را بیازمایید.
اگر طراحی مجدد سایت شما بسیار عمده و اساسی است، پس قاعدتا باید یک تاثیر مهمی در وبسایت شما داشته باشد. طراحی مجدد می تواند ترافیک سایت شما را کاهش یا افزایش دهد.
برای مثال، ممکن است بازدیدکنندگان، اکنون برخی از صفحات که کاملا در سایت شما مدفون بودند را بیابند، و یا امکان دارد اصلا دیگر نتوانند آن صفحات را بیابند.
شما می توانید با استفاده از آمار سایت خود [web statistics] و بررسی مسیر بازدیدکنندگان، بر این امر نظارت داشته باشید. طراحی سایت مجدد همچنین می تواند باعث افزایش یا کاهش درآمد تبلیغات یا فروش شما شود. در واقع، باید قبل از طراحی مجدد، از نحوه استفاده بازدیدکنندگان از سایت خود آگاه باشید.
یک روش برای پیشگیری از نوسانات یا افت شدید ارزش وبسایت این است که طراحی مجدد را برای یک دوره زمانی محدود بر روی تعداد کمی از صفحات اعمال کنید و تاثیرات آن بر روی آمار و درآمد سایتتان را بررسی کنید.
6- قبل از طراحی مجدد، حتما از وبسایت خود بک آپ بگیرید.
قبل از ایجاد هر گونه تغییر در طراحی سایت، توجه به این نکته بسیار مهم است که از وبسایت خود یک بک آپ بروز شده را نگاه داری کنید. با این روش، در صورت نارضایتی از طراحی مجدد، می توانید به آسانی به حالت قبلی بازگردید.
برای مثال، اگر متوجه شدید که درصد زیادی از بازدیدکنندگان شما دیگر به صفحات سفارش شما نمی روند، شما می توانید در صورت داشتن بک آپ، فورا صفحات قدیمی خود را آپلود کنید و بررسی کنید که ظاهر یا ساختار جدید چه مشکلی داشته است که باعث چنین افتی شده است.
طراحی مجدد، برای بسیاری از وبمسترها، امری حقیقی است. در نظر داشته باشید که نکات اشاره شده در این مقاله می تواند اختلالات و مشکلات بعد از طراحی مجدد را به حداقل برساند.
منبع:طراحی سایت
در طراحی سایت مختلف حتما آیکن های گرافیکی جذابی را دیده اید که برای شبکه های اجتماعی و یا برای داخل نوشته ها از آن استفاده شده است. حالا اینکه این آیکن ها عکس هستند و یا فونت؟ بیشتر درباره اش صحبت میکنیم و یا اینکه اصلا چه فرقی با هم دارند؟ و با اینکه کدوم یکی بهتر است؟
در سایت ها موقع طراحی سایت برای نمایش قشنگ تر شبکه های اجتماعی از آیکن های رنگی استفاده میکنند. ولی یک نکته وجود دارد آن هم اینکه اگر تعداد این آیکن ها زیاد باشد برای لود صفحه دچار مشکل میشوید اگر این آیکن ها را به صورت img داخل سایت قرار داده باشید. چون وب سایت برای لود این عکس ها مجبور است وقت صرف کند. راه حل برای استفاده از آیکن ها زیبا در سایت چیست؟
برای حل مشکل لود آیکن و همچنین سرعت … هنگام طراحی وب سایت از فونت آیکن استفاده میشود.
حالا ببینیم فونت آیکن چیست؟
در واقع فونت آیکن ها تصویر های وکتوری هستند که در قالب یک فونت ارائه میشوند. که شامل ویژگی های کم حجم بودن، سادگی استفاده ، توانایی تغییر در سایز بدون تغییر در کیفیت آیکن… را دارد.
فونت آیکن های زیادی در حال آمادن در بازار اینترنتی هستند.از معروف ترین فونت آیکن های موجود میتوان به Font Awesome اشاره کرد.
نحوه استفاده از Font Awesome درطراحی سایت
آخرین ورژن موحود فونت آیکن را از سایت fontawesome.io دانلود کنید. پس از دانلود در سیستم پوشه font و css آن را در فایل پروژه خود ذخیره کنید.
بعد از آن فایل ها را به سیستم خود متصل کنید. برای css کافی است آن را در head سایت خود اضافه کنید. حالا میتوانید از فونت آیکن ها در سایت خود استفاده کنید .
وارد بخش آیکن های سایت fontawesome.io/icons شوید . همانطور که میبینید این سایت تعداد آیکن های فوق العاده زیادی دارد که میتوانید از آن ها در زمینه ای مختلف سایتتان استفاده کنید.
همچنین میتوانید با fa-2x ، fa-3x … اندازه ایکن را انتخاب کنید .
نکته مهم: به دلیل اینکه این آیکن ها به صورت فونت هستند برای تغییر در رنگ و اندازه و جای ایکن ها… میتوانید از css استفاده کنید و به آن ها رنگ دلخواه را بدهید.
علت استفاده از فونت آیکن ها
وجود آیکن هایی که توانایی تنظیم سایز بدون تغییر در کیفیت آیکن صورت میگیرد. و همچنین سرعت بالا در بود آن ها از مهمترین ویژگیه ای استفاده از فونت آیکن ها است.ما در اینجا به معرفی font پرداختیم شما میتوانید از فونت آیکن های دیگری برای سایت خودتان استفاده کنید که این بر اساس سلیقه شخصی شما است.نکته مهم در استفاده از تمامی فونت آیکن ها این است که شما نحوه اجرا و استفاده از آن ها را یاد بگیرید .
منبع: طراحی سایت
اگر طراح سایت باشید و طراحی سایت برای شما مهم باشد ، قطعا می دانید که سرچ کنسول یا همان گوگل وبمستر گوگل چیست ؟ امروز میخواهیم به رابطه طراحی سایت و وبمستر گوگل بپردازیم . در ادامه همراه باشید .
توصیه گوگل درطراحی سایت برای به دست آوردن رتبه بهتر در موتور جستجو به شرح زیر است:
صفحات را در اصل برای کاربران طراحی سایت کنید، نه برای موتورهای جستجو. کاربران خود را گول نزنید و سعی نکنید محتوای نمایش داده شده برای موتورهای جستجو با محتوای نمایش داده شده برای کاربران متفاوت باشد، روشی که نام آن معمولا cloaking (پنهان کاری) است.
سعی کنید در سایت یک سلسله مراتب واضح و متن با لینک های مشخص وجود داشته باشد. هر صفحه بایستی از حداقل یک لینک متنی استاتیک قابل دسترسی باشد.
سایتی مفید و غنی از اطلاعات ایجاد کنید و صفحاتی بسازید که با وضوح و با دقت محتوای شما را توصیف می کنند. اطمینان حاصل کنید که تگ هایو ویژگی های ALT توصیفی و دقیق هستند.
از کلمات کلیدی برای ایجاد URL های توصیفی و کاربرپسند استفاده کنید. با استفاده از خطای 301 یا ویژگی rel=”canonical” برای رسیدن به هر سند یک نسخه URL فراهم کنید تا کاربر محتوای تکراری دریافت نکند.
اطلاعات سئو برگرفته از دستورالعمل وب مستر بینگ
مهندسان بینگ در مایکروسافت توصیه های زیر را برای طراحی سایت و کسب رتبه بندی بهتر در موتور جستجویشان ارائه داده اند:
اطمینان حاصل کنید که یک ساختار URL نو و از نظر کلمه کلیدی غنی در محل وجود دارد.
مطمئن شوید که محتوا داخل رسانه های غنی(ادوبی فلش پلیر، جاوا اسکریپت، آژاکس) پنهان نشده و بررسی کنید که رسانه های غنی لینک ها را از چشم خزنده وب پنهان نکنند.
ایجاد محتوای غنی از نظر کلمات کلیدی و تطبیق دادن کلمات کلیدی با آنچه که کاربران در جستجوی آن هستند. تولید محتوای تازه به طور منظم.
متنی را که می خواهید ایندکس شود، در داخل تصاویر قرار ندهید. مثلا، اگر می خواهید نام شرکت و یا آدرس آن ایندکس شود، مطمئن شوید که آن در داخل آرم شرکت نمایش داده نمی شود.
هیچ ترسی نداشته باشید، از بازاریاب جستجو تبعیت کنید!
علاوه بر این توصیه های رایگان، بیش از 15سال است که جستجو در وب متولد شده است، بازاریاب های جستجو روش هایی برای استخراج اطلاعات در مورد چگونگی رتبه بندی صفحات توسط موتورهای جستجو یافته اند. سئو و بازاریاب ها از این داده ها برای کمک به طراحی سایت خود و مشتریان خود جهت دستیابی به موقعیت بهتر استفاده می کنند.
با کمال تعجب، موتورها از بسیاری از این تلاش ها حمایت می کنند، هر چند قابلیت دیده شدن عمومی پائین است. همایش هایی در زمینه بازاریابی جستجو، مانند Search Marketing Expo، Pubcon، Search Engine Strategies، Distilled، و MozCon مربوط به خود Moz توجه مهندسان و نمایندگانی از تمام موتورهای بزرگ را به خود جلب کرده است. نمایندگان جستجو همچنین گاه به گاه با شرکت آنلاین در وبلاگ ها، انجمن ها و گروه ها به وب مسترها کمک می کنند و مشاوره می دهند.
شاید برای وب مسترها جهت تحقیق درباره فعالیت موتورها هیچ ابزاری بهتر از استفاده آزادانه از موتورهای جستجو برای انجام آزمایش، تست فرضیه ها، و ابراز عقیده وجود نداشته باشد. از طریق این فرآیند تکراری – و گاهی اوقات پرزحمت – بوده است که حجم قابل توجهی از دانش در مورد عملکرد موتورها جمع آوری شده است.
عملکرد موتور جستجوگر در طراحی وب سایت
یک وب سایت جدید با کلمات کلیدی بی معنی ثبت کنید(مانند com).
چندین صفحه در آن وب سایت ایجاد کنید، که در همه یک عبارت مشابه مضحک وجود داشته باشد(مانند yoogewgally).
تا آنجا که ممکن است سعی کنید صفحات معادل هم باشند، سپس یکی یکی متغیرها را با قرار دادن متن، قالب بندی، استفاده از کلمات کلیدی، ساختارهای لینک، و غیره تغییر دهید.
از صفحات ایندکس شده و به خوبی خزیده شده در دامنه های دیگر به لینک های دامنه خود ارجاع بسازید.
رتبه صفحات در موتورهای جستجو را یافته و ثبت کنید.
حالا با ایجاد تغییرات کوچک در داخل صفحات، تاثیر آن بر روی نتایج جستجو را ارزیابی کرده و تعیین کنید کدام یک از عوامل ممکن است در مقایسه با همتایان خود نتیجه جستجو را بالا یا پایین می کند.
هر نتیجه ای را که به نظر موثر می رسد، یادداشت کنید، و آنها را دوباره در دامنه های دیگر و یا با شرایط دیگری تست کنید. اگر متوجه شدید که تست های متعدد به طور مداوم نتایج مشابهی را نشان می دهد، باید گفت که شانس آورده و موفق شده اید الگویی که توسط موتورهای جستجو مورد استفاده قرار می گیرد را کشف کنید.
منبع: طراحی سایت
امروز می خواهیم در مورد پروتکل HTTPS در طراحی سایت صحبت کنیم که این سوالی است که در بین وب مسترها طراحی سایت فروشگاهی مطرح می شود. که آیا HTTPS یکی از فاکتورهایی است که در سئو نقش دارد. برای انتقال سایت به HTTPS ممکن است چند روزی درگیر آن باشد ولی در آخر می توانید ببینید که تاثیری در سئو خواهد داشت. برای گرفتن نماد اعتماد در وهله اول اصولی انجام گیرد و همچنین این پروتکل امن در دامنه شما انجام گیرد.
بیشتر وب مسترها در طراحی سایت می دانند که گوگل ، وب سایت هایی را بیشتر می پسندد که امنیت بالایی داشته باشند به همین دلیل است که وب مسترها را برای استفاده از پروتکل HTTPS برای امنیت وب سایت ها تشویق می کنیم. در گزارش های ارائه شده به راحتی می توانید ببنید که محبوب ترین سایت های دنیا پروتکل HTTPS دارند که در حدود ۲۵% از کل ترافیک دنیا را به خود تخصیص داده است.
سایت های برتر دنیا با پروتکل HTTPS
طبق بررسی ها ، در ۱۰۰٫۰۰۰ دامنه وب سایت ها اول دنیا بیشتر از پروتکل HTTPS استفاده شده است طراحی سایت فروشگاهی و همچنین استفاده از پروتکل HTTPS در دنیا حدودا سه برابر شده است.
HTTPS یک پروتکل استاندارد استفاده برای ارتباطات از طریق اینترنت است. توسعه پروتکل HTTP توسط تیم برنرزلی در سال ۱۳۸۹ در شبکه جهانی انجام شده است. با این پروتکل طراحی سایت فروشگاهی به طور بالقوه محافظت نشده است و به راحتی در دسترس هکرها ، جاسوسی قرار بگیرد. برای حفاظت از یکپارچگی و محرمانه بودن دیتاها روی اینترنت توسعه داده شد و پروتکل HTTPS را به صورت رمزنگاری طراحی سایت فروشگاهی را امن نگه می دارد. به این صورت برای معاملات پرداختی در وب سایت ها به درگاه ها از این پروتکل امن استفاده می شود. در ها به شما توصیه می گردد که از این پروتکل استفاده نمائید تا محیط امنی را برای پرداخت های اینترنتی داشته باشید.
مزیت های پروتکل HTTPS
برای تغییر پروتکل دامنه به HTTPS مزایای را دربر خواهد داشت. در ادامه مطلب به برخی از این مزایا اشاره می کنیم:
امنیت و حریم شخصی:
مزیت اصلی HTTPS وب سایت ها را امن تر می کند. این یکی از بزرگترین مزیت های این پروتکل امن است. زمانی که امنیت وب سایت شما بالا می رود صفحات وب که در آن اطلاعات شخصی و محرمانه را می توانند تجربه کنند. کاربران نیز یک تجربه امن و خصوصی را تجربه می کنند.
اعتماد:
تصورکنید که کاربران به طراحی سایت شما مراجعه می کنند یک پیام هشدار امنیتی از گوگل را دریافت می کنند که سایت دارای امنیت نیست. این باعث می شود که کاربران به وب سایت شما اعتماد نکنند و بر روی دکمه تماس کلیک نکنند. در نتیجه به وب سایت شما آسیب خواهد رساند و از اعتبار وب سایت کم خواهد کرد. با پروتکل HTTPS اعتماد بالاتری از کاربران را به دست خواهد آورد.
دیتا ارجاع:
گوگل سایت را آنالیز می کند و به وب سایت هایی که از HTTP به HTTPS تغییر می دهند با ارزش تر است و ترافیکی که از وب سایت هایی با پروتکل HTTPS است رتبه های بهتری را در نظر می گیرد.
منبع:طراحی سایت