مدیر سایت
ساخت وب سایت شرکت بازرگانی نسیم حیات
ساخت سایت شرکت معماری Icaaud
طراحی سایت زمین مهار اطلس
طراحی سایت آگهی املاک بوشهر
طراحی سایت فروشگاه قطعات الکترونیکی تکنوین
طراحی سایت خرید و فروش خودرو در تهران
مزایای وب سایت های با قابلیت اسکرول بینهایت
این روش از اسکرول معمولی بسیار سریعتر است
چیزی که امروزه کاربران اینترنت برای آن اهمیت قائل هستند، وب سایتی می باشد که با سرعت قابل قبولی بارگذاری گردد. امروزه کاربران کمتر از قبل صبور هستند و علاقه ای به کلیک بر روی لینک برای دیدن سایر مطالب ندارند. این مورد مخصوصا برای سایت های فروشگاهی بسیار مهم می باشد زمانی که محصولات بسیاری به کاربران نمایش داده می شود.کاربران وب سایت گیج نمی شوند
در صورتی که کاربر مطلبی را در صفحه خاص از سایت شما مشاهده نمایند دیگر نیازی به دانستن صفحه آن مطلب نیست و کافی است در صفحه مورد نظر اسکرول نماید و مطلب مورد نظر خود را بیابد. در حقیقت سایت های با اسکرول نامحدود بسیار کاربر پسند تر از سایت های معمولی می باشند.مناسب برای سایت هایی با تصاویر سنگین
امروزه سایت ها در صدد نمایش تصاویر زیبا و با کیفیت به کاربران هستند و این کار را از طریق اسکرول نامحدود و یا بینهایت بهتر انجام می دهند. در حقیقت اسکرول نامحدود به کاربر این امکان را می دهد که با دقت بیشتر و تمرکز بالاتری در جستجوی آیتم مورد نظر خود باشد. روانشناسان اعلام می نمایند کاربران علاقه دارند به جای کلیک و انتظار برای رویت مطالب بیشتر بر روی صفحه اسکرول نمایند.مناسب برای ابزارهای تاچ اسکرین و یا لمسی
در صورتی که کاربر از موبایل و یا تبلت برای رویت سایت استفاده نماید به دلیل آنکه این نوع دستگاه ها لمسی هستند کاربر بسیار راحتر خواهد توانست مطالب صفحه را مشاهده نماید. به جای قرار دادن لینک های کوچک در پایین صفحه برای عوض کردن صفحه و نمایش مطالب جدید، مطالب با اسکرول کاربر به انتهای صفحه نمایش داده خواهد شد. قرار دادن لینک صفحات برای کاربر بسیار آزاد دهنده خواهد بود و بهتر از مطالب خود را حتما در این ابزارها به صورت اسکرول نامحدود ارائه نمایید.نیازی به اتنظار برای مطالب جدید نیست
با اسکرول نامحدود نیازی نیست تا کاربر منتظر لود مطالب جدید بماند و کافی است اسکرول را به انتهای صفحه برساند تا مطالب جدید لود شوند. لود شدن مطالب تنها چند ثانیه زمان می برد . نیازی نیست برای نمایش مطالب جدید کاربر بر روی لینک خاصی کلیک نماید. در حقیقت اسکرول نامحدود کار کاربران را بسیار ساده می نماید و در وقت و زمان آنان صرفه جویی می نماید.وضعیت سئو در سال 2014
تغییر دائمی
گوگل پیوسته در حال تغییر الگوریتم های جستجوی خود می باشد که این تغییرات شامل 15 تغییر بزرگ و تغییرات جزئی بسیاری می باشد. احتمالا در مورد گوگل پاندا و گوگل پنگوئن شنیده اید. این اسامی نامی است که گوگل برای به روز رسانی های بزرگ خود در نظر می گیرد. پاندا در سال 2011 معرفی شد مخصوص محتوای سایت در نظر گرفته شده بود که سایت های با مطالب و کیفیت پایین را از نتایج جستجوی گوگل حذف می نماید و یا رنک آنها را پایین می آورد. در سال بعد به روز رسانی پنگوئن گوگل معرفی شد که این به روز رسانی به بررسی لینک های غیر مرتبط و پولی می پرداخت. سایت های بسیاری که از این روش برای رنک گرفتن در گوگل استفاده نموده بودند رنک خود را از دست دادند.
مرغ مگس خوار گوگل
سال پیش گوگل بزرگترین به روز رسانی خود با نام مرغ مگس خوار را انجام داد که این به روز رسانی 90% سایت ها را تحت تاثیر قرار داد. این به روز رسانی برای بهینه سازی جستجوی معنایی گوگل انجام شد و توسط این به روز رسانی گوگل جستجوهای پیچیده تر را درک می نماید و قادر به پاسخ گویی آن می باشد.
سئو در سال 2014
سئو پیوسته در حال تغییر است، و برخی از روش هایی که قبلا برای سئو سایت مناسب بود هم اکنون مناسب نیستند. این تغییرات باعث می شود که در این سال روش های جدیدی را انتخاب نماییم.
100% موجود نیست
گوگل در سال 2013 تصمیم گرفت تا کاربران جستجوهای به صورت مخفی انجام دهند. با توجه به این نوع جستجو کلمات کلیدی کاربران مشخص نیستند. در صورتی که برای سایت خود گوگل آنالیتیک داشته باشید می توانید از Acquisition > Keywords > Organic جستجوهای انجام شده توسط کاربران را در گوگل که وارد سایت شما شده را ملاحظه نمایید. کلمه Not Provided به آن معناست که کاربران به صورت مخفی جستجوی خود را انجام داده اند.
این به آن معناست که ممکن است کلمات کلیدی به خوبی استخراج نگردند. و متاسفانه ما اطلاعات بسیاری را از کاربران خود از دست خواهیم داد. بنابراین بهینه سازی سایت برای کلمات کلیدی مشکل تر خواهد بود. از این مورد می توان نتیجه گرفت که گوگل قصد دارد مدیران سایت بر روی کلمات کلیدی تمرکز ننمایند و مدیران سایت بیشتر مطالب مناسب شغلی خود را ایجاد نمایند.
موضوع به جای کلمات کلیدی
به روز رسانی مرغ مگس خوار گوگل مدیران سایت را مجبور می سازد به جای تمرکز بر روی کلمات کلیدی بر روی موضوع تمرکز نمایند. همانطور که قبلا نیز گفته شده مرغ مگس خوار گوگل درک بهتری از منظور کاربر دارد و جستجوی پیچیده را بهتر درک می نماید. گوگل امروز نتایجی را به کاربر ارائه می نماید که ممکن است آن صفحه برای کلمات کلیدی مورد نظر بهینه سازی نشده باشد. این مورد کارهایی را که ما برای سئو سایت انجام می دهیم را تحت تاثیر قرار می دهد. به جای بهینه سازی صفحه برای کلمات کلیدی خاصی، ما مطالبی را راجع به موضوع صفحه ایجاد می نماییم.
مقالات عمیق
در آگوست 2013، گوگل روش جدید جستجو را اعلام نمود با نام in-depth articles و یا مقالات عمقی. این نتایج در سمت راست نتایج جستجوی گوگل نمایش داده می شوند و به کاربر مطالب با کیفیت بالا را ارائه می نمایند که داده های ساختار یافته نقش مهمی را در این بخش ایفا می نماید. برای آنکه سایت ما در نتایج جستجوی گوگل بهتر و با اطلاعات دقیق تر نمایش داده شود می بایست از داده های ساختار یافته Structured data استفاده نماییم. این به روز رسانی همچنین اهمیت مطالب با کیفیت را به ما گوشزد می نماید. در حقیقت قصد به روز رسانی مرغ مگس خوار گوگل درک بهتر از منظور جستجوی کاربر می باشد. با توجه به این مطالب ما صفحات با محتوای بسیار خواهیم دید که بر روی موضوع خاصی بحث می نمایند.
مطالب بزرگ فوایدی نیز دارند
- رنک گرفتن برای کلمات کلیدی بلندتر راحت تر است. گوگل هر روزه 5 میلیون جستجوی جدید دریافت می نماید که قبلا مشاده ننموده است. این مطلب نمایانگر آن است که مشخص نمودن و پیش بینی کلمه کلیدی کاربران ممکن نیست. مقالات عمیق شانس بهتری برای کلمات کلیدی بلنتر دارند.
- ایجاد لینک: مطالب با کیفیت و بلند فایده دیگری نیز که دارند آن است که باعث می شود سایرین به آن صفحه لینک دهند و آن را منبع قرار دهند. مطالب با کیفیت لینک جذب می نمایند و این کار باعث بالا رفتن رنک صفحه در موتورهای جستجو می گردد.
لینک سازی
لینک ها هم اکنون نیز در سئو نقش مهمی دارند. موتورهای جستجو به هر لینک در سایت های دیگر به عنوان یک رای به سایت نگاه می کنند. هر چه تعداد لینک های موجود به یک صفحه بیشتر باشد آن صفحه رنک بیشتری می گیرد. البته کیفیت لینک نیز بسیار مهم می باشد و می بایست از صفحه مرتبط لینک گرفت. ایجاد لینک به صورت اسپمی و توسط نرم افزارهای این کار باعث جریمه شدن توسط گوگل و پایین آمدن رنک سایت می شود. گوگل لینک های غیر مرتبط را تشخصی می دهد و می بایست سریعا لینک هایی که به این صورت ایجاد نموده اید را حذف نمایید. عملیات لینک سازی شما می بایست به صورتی طبیعی انجام شده باشد.
ساختار صفحه
ساختار مناسب به موتورهای جستجو این امکان را می دهد تا درک بهتری از محتوای صفحه داشته باشد. متاسفانه تگ های html به مشخص ساختن المان های مختلف صفحه محدود شده اند، موردی که در HTML5 بهتر ساختار بندی شده. تگ های جدید به صفحه اضافه شده اند به عنوان مثال <article> and <section> که برای موتورهای جستجو نحوه بلاک بندی سایت را مشخص می نماید. معمول نیست گوگل چگونه این تگ ها را بررسی می نماید، اما استفاده از این تگ ها در صفحه توصیه می شود و باعث بالا رفتن رنک سایت شما می گردد. استفاده از داده های ساختار یافته نیز راه حل دیگری می باشد. این مورد به موتورهای جستجو کمک می نمایند که درک بهتری از صفحه داشته باشند. یکی از اسنیپت های گوگل، اسنیپت نویسندگان می باشد که تصویر نام نویسنده مقاله در صفحه جستجو نمایش داده می شود. گوگل به مولفان معروف رنک بهتری می دهد.
کاربران موبایل
امروزه کاربرانی بسیاری از موبایل برای جستجوی و وبگردی استفاده می نمایند که پیوسته در حال افزایش است. به همین دلیل بهتر است نسخه موبایلی سایت خود را راه اندازی نمایید. گوگل به سه دلیل مدیران سایت را تشویق به راه اندازی سایت ریسپانسیو می نماید.
- آدرس یکسان صفحات سایت، بنابراین کاربران ارتباط بهتری با سایت برقرار می نمایند
- نیازی به انتقال کاربر نیست، که باعث بالا رفتن زمان لود می گردد
- و منابع را برای جستجو گرهای گوگل ذخیره می نماید
مورد دوم در مورد سرعت وب سایت می باشد که گوگل اعلام نموده سرعت سایت در رنک سایت موثر است. پس بنابراین بهتر است سرعت لود شدن سایت خود را بهینه سازی نمایید.
شبکه های اجتماعی
کاربران بسیاری از طریق شبکه های اجتماعی وارد سایت ها می شوند، که تاثیر بسیاری بر روی رنک وب سایت دارد. بهتر است حساب کاربری خود را در شبکه های اجتماعی راه اندازی نمایید و آن را فعال نگاه دارید.
3 مورد از بهترین سیستم های مدیریت محتوا
تعداد بسیار زیادی سیستم مدیریت محتوا برای طراحی وب سایت وجود دارد که با توجه به نیاز خود می توانید از یکی از آنها استفاده نمایید. با توجه به رایگان بودن این سیستم های مدیریت محتوا و گستردگی این امکانات این نوع CMS ها معمولا برای طراحی سایت ارزان مورد استفاده قرار میگیره.
مشکلی که اکثر طراحان و برنامه نویسان وب با آن را به رو هستند آن است که آنها زمانی برای یادگیری سیستم مدیریت محتوای جدید ندارند. آنها ممکن است یک یا دو مورد از این سیستم ها را یاد بگیرند و از آن برای طراحی سایت های خود استفاده نمایند. بنابراین می بایست سیستمی که آنها انتخاب می نمایند انعطاف پذیر باشد و جوابگوی تمامی نیازهای آنان باشد.
سیستم های مدیریت محتوایی که در بخش پایین معرفی شده منعطف ترین سیستم های مدیریت محتوا هستند. که با استفاده از آنها می توانید هر نوع سایتی طراحی نمایید.
سه مورد از بهترین سیستم ها وردپرس، جوملا و دروپال می باشد، که به میزان بسیار زیادی برای راه اندازی سایت های اینترنتی از آنها استفاده می گردد. این سیستم های مدیریت محتوا رایگان بوده و کار با آنها بسیار ساده می باشد و در صورت نیاز می توانید امکانات جدیدی به آنها اضافه نمایید.
آنها را بررسی نموده و یکی از آنها را با توجه به نیاز خود استفاده نمایید.
وردپرس
رایگان، زبان برنامه نویسی PHP
وردپرس در ابتدا به عنوان سیستم ساخت بلاگ شناخته می شد که کم کم به عنوان سیستم مدیریت محتوا شناخته شد. با توجه به پایه قوی وردپرس استفاده از آن به عنوان سیستم بلاگ نیز فراتر رفت و هم اکنون با استفاده از وردپرس هر نوع سایتی قابل راه اندازی است.
قالب های فراوانی برای وردپرس وجود دارد، و همچنین پلاگین ها و ویدگت های بسیاری برای این سیستم وجود دارد. وردپرس همچنین جامعه کاربری بزرگی دارد که این گروه از کاربران کمک آموزشی ها، ماژول ها و قابلیت های بسیاری را برای وردپرس آماده نموده اند.
با استفاده از قالب ها و پلاگین های وردپرس، شما می توانید وردپرس را به شبکه اجتماعی، فروم، سایت فروشگاهی، و هر آن چه می خواهید تبدیل نمایید. وردپرس همچنین قابلیت های بسیاری برای ایجاد سایت های مولتی بلاگ و چندین سایت با استفاده از یک پایه را دارد که می توانید امکانات را در سایت رسمی وردپرس http://wordpress.org مشاهده نمایید.
نقاط قوت
- جامعه استفاده کننده بسیار بزرگ کاربری به همراه مطالب آموزشی بسیار
- پلاگین های و قالب های رایگان و غیر رایگان که به شما امکان ساخت هر نوع سایتی را می دهد
- کنترل پنل کاربر پسند و ساده که به کاربر امکان مدیریت سایت را به سادگی می دهد
نقاط ضعف
- مناسب سایت های بسیار ساده نیست
- در صورتی که این سایت به صورت پیش فرض نصب گردد دارای مشکلات امنیتی بسیاری می باشد که می بایست حتما توسط متخصص رفع گردند
- پشتیبانی رسمی برای این نرم افزار وجود ندارد و ممکن است برخی مشکلات و سوال های شما بی پاسخ باقی بماند
جوملا
رایگان، زبان برنامه نویسی PHP
جوملا توسط شرکت های بسیار بزرگی به عنوان سیستم مدیریت محتوا نظیر دانشگاه هاروارد استفاده شده. و برای شبکه هایی که دارای کاربران مدیر بسیاری می باشد مناسب است. جوملا برای ایجاد و طراحی هر نوع سایتی از ساده تا بسیار پیچیده مناسب است و توسط آن می توانید فروشگاه اینترنتی، شبکه اجتماعی، کتابخانه، شبکه اجتماعی و .... راه اندازی نمایید.
جوملا کاربران فعال و توسعه دهنده بسیاری دارد، بنابراین یافتن مطالب آموزشی بسیار آسان است. جوملا همچنین پلاگین ها، کامپوننت ها و امکانات جانبی بسیاری دارد، و برای توسعه جوملا نیازی به دانش برنامه نویسی ندارید و کافی است که امکان مورد نظر را در سیستم پایه نصب نمایید.
قالب های بسیاری برای جوملا وجود دارد، کیفیت قالب های آن با وردپرس قابل مقایسه نیست. البته در صورتی که نیاز به قالب جالی داشته باشید می توانید آن را بیابید.
نقاط قوت
- می توان حساب کاربری را از حساب های OpenID، Google و LDAP استخراج نمود
- در حدود 7000 اکستنشن دارد
- جامعه کاربری بزرگی دارد و مطالب آموزشی کافی وجود دارد
نقاط ضعف
- سیستم مدیریت محتوا کاربر پسند نیست، البته کنترل پانل قدرتمندی دارد
- در مقایسه با سایر سیستم های مدیریت محتوا قالب های قوی کمتری دارد
- برای سایت های بسیار ساده مناسب نیست
دروپال
رایگان، زبان برنامه نویسی PHP
دروپال یکی دیگر از سیستم های مدیریت محتوای محبوب است، که توسط شرکت های معتبری مورد استفاده قرار گرفته. این سیستم مدیریت محتوا دارای امکانات بسیاری برای ساخت سایت های داخلی و خارجی و همچنین ایجاد محتوا می باشد.
دروپال گروه کاربری بسیار فعالی دارد، و همچنین فروم ها و انجمن های بسیاری برای این نرم افزار وجود دارد. مطالب آموزشی و مقالات بسیاری توسط جوامع کاربری دروپال هر روزه منتشر می گردد. این مطالب آموزشی در خصوص نصب، راه اندازی و سفارشی سازی دروپال می باشد.
امکانات جانبی بسیاری برای دروپال وجود دارد که می توانید با استفاده از آنها سایت خود را راه اندازی نمایید. این به آن معناسب که کافی است شما زمان خود را برای طراحی و سفارشی سازی سایت خود بگذارید.
نقاط قوت
- جامعه کاربری بزرگ که حتی دارای پشتیبانی های زنده می باشد
- در حدود 6000 ماژول که به شما امکان راه اندازی هر نوع سایتی را می دهد
- شرکت های بسیاری با هزینه اندک دروپال را پشتیبانی می نمایند
نقاط ضعف
- برای سایت های ساده مناسب نیست
- قالب های آماده رایگان و تجاری بسیار کمی دارد
- ایجاد قالب برای سایت پیچیده است
10 دستور jQuery که طراحان وب می بایست بدانند
jQuery در صفحان وب سایت بسیاری مورد استفاده قرار می گیرد. و یکی از متداول ترین کتابخانه هایی است که در صفحات وب سایت استفاده می شود, که عمکرد آن با آبجکت DOM است.
البته, دلیل اصلی استفاده از jQuery سادگی آن است. و شما می توانید هر کاری توسط این کتابخانه انجام دهید.
چندین دستور و کد از آن وجود دارد که به صورت مرتب مود استفاده طراحان و برنامه نویسان وب قرار می گیرد. در این بخش به شما 10 دستور را که به صورت متداول مورد استفاده قرار می گیرد را می آورم.
1) دکمه بازگشت به بالا
// Back To Top
$('a.top').click(function(){
$(document.body).animate({scrollTop : 0},800);
return false;
});
//Create an anchor tag
<a class=”top” href=”#”>Back to top</a>
به طوری که در بالا مشاهده می نمایید تابع animate و scrollTop در jQuery برای اسکرول به بالا به صورت انیمیشنی نیازی به پلاگین jQuery وجود ندارد.
با تغییر مقدار scrollTop می توانیم اسکرول را به جایی که می خواهیم هدایت نماییم, در برخی از زمان ها این مقدار 0px است ولی می توانید به آن سایر مقدارها را نیز بدهید.
عدد 800ms مدت زمان انجام این کار می باشد کخ به صورت انیمیشن این کار انجام می شود.
2) بررسی آنکه تصاویر لود شده باشند
$(‘img’).load(function() {
console.log(‘image load successful’);
});
برخی از زمان ها احتیاج دارید بدانید که آیا تصاویر لود شده اند و یا خیر تا ادامه اسکریپت را انجام دهید, در این سه خط jQuery ما این کار را به سادگی انجام داده ایم.
همچنین شما با رد کردن نام کلاس و مشخصه تصویر می توانید تصویر خاصی را بررسی نمایید.
3) تعمیر تصاویر مشکل دار به صورت اتوماتیک
$('img').error(function(){
$(this).attr('src', ‘img/broken.png’);
});
در برخی از زمان ها زمان کافی برای جایگزین نمودن تمام تصاویر مشکل دار را نداریم و می توانیم این کار را با تابع مورد نظر انجام دهیم
در صورتی که حتی تصویر مشکل داری ندارید اضافه کردن این کد ضرری برای سایت شما ندارد.
4) Toggle class on hover
$(‘.btn').hover(function(){
$(this).addClass(‘hover’);
}, function(){
$(this).removeClass(‘hover’);
}
);
معمولا قصد داریم زمانی که موس بر روی منطقه خاصی حرکت می نماید کلاس آن بخش را تغییر دهیم, این دستور زمانی که کاربر بر روی آیتمی موس خود را نگاه داشته کلاس هاور را به آن اضافه می نماید و زمانی که کاربر از روی آیتم حرکت می نماید کلاس را حذف می نماید, بنابراین تنها موردی که نیاز دارید آن است که به کلاس مورد نظر CSS های لازم را ارجاع دهید.
5) غیر فعال کردن فیلدهای فرم
$('input[type="submit"]').attr("disabled", true);
در برخی از زمان ها احتیاج دارید که فیلدی از فرم خود را غیر فعال نمایید تا کاربر نتواند بر روی فیلد مورد نظر کلیک نماید و یا مطلبی درج نماید این کار را با دستور بالا انجام می دهید.
برای فعال سازی دوباره فیلد می توانید از دستور زیر استفاده نمایید:
$('input[type="submit"]').removeAttr("disabled”);
6) جلوگیری از لود کردن لینک ها
$(‘a.no-link').click(function(e){
e.preventDefault();
});
در برخی از زمان ها لازم است که لینکی به کاربر نمایش داده نشود از طریق کد بالا این کار انجام می شود
7) Toggle فید/اسلاید
// Fade
$( “.btn" ).click(function() {
$( “.element" ).fadeToggle("slow");
});
// Toggle
$( “.btn" ).click(function() {
$( “.element" ).slideToggle("slow");
});
در برخی از مناطق لازم است افکت های فید و اسلاید jQuery انجام شود, برخی زمان ها لازم است برای نمایش آیتمی خاص از روش فید و اسلاید استفاده شود که با کلیک بر روی آیتمی خاص اتفاق می افتد, زمانی مع لازم است با یک کلیک کاربر آیتم نمایش داده شود و با کلیک بعدی آیتم حذف شود از دستور بالا استفاده می گردد.
8) ساده accordion
// Close all Panels
$('#accordion').find(‘.content').hide();
// Accordion
$('#accordion').find(‘.accordion-header').click(function(){
var next = $(this).next();
next.slideToggle('fast’);
$(‘.content’).not(next).slideUp('fast’);
return false;
});
با استفاده از دستور بالا می توانید مطالب خود را به صورت accordion نمایش دهید.
همانطور که در مثال بالا می بینید در حالت اول تمام پنجره ها بسته شده اند و با کلیک کاربر بر روی هدر accordion متن مربوط به آن هدر نمایش داده می شود، و سایر اسلاید ها بسته می شوند. این روش برای ساخت accordion ساده بسیار مناسب است.
9) دو دایو با یک ارتفاع
$(‘.div').css('min-height', $(‘.main-div').height());
برخی زمان ها لازم دارید دو دایو هم ارتفاع باشند, این کد این امکان را برای شما فراهم می نماید; در این مثال مقدار min-height را تعیین نمایید که به معنای حداقل سایز دایو ها می باشد. این کد برای سایت های masonry بسیار مورد استفاده دارد.
10) رنگ های پس زمینه یکی در میان
$('li:odd').css('background', '#E8E8E8’);
توسط این کد می توانید رنگ های پس زمینه یک لیست را به صورت یک در میان یکسان سازی نمایید و در اصطلاح گورخری نمایید, در این کد برای ردیف های فرد می توانید رنگ چس زمینه مشخص نمایید پس برای سایر ردیف ها از طریق پس زمینه اصلی می توانید رنگی مشخص نمایید. این کد را به هر المانی از سایت خود می توانید اضافه نمایید.