نوشته شده توسط : جعفر

طراحی سایت شرکتی (EDU)

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

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

  1. طراحی سایت شرکتی
  2. طراحی سایت شرکتی
  3. طراحی سایت شرکتی
  4. طراحی سایت شرکتی
  5. طراحی سایت شرکتی
  6. طراحی سایت شرکتی
  7. طراحی سایت شرکتی
  8. طراحی سایت شرکتی
  9. طراحی سایت شرکتی
  10. طراحی سایت شرکتی
  11. طراحی سایت شرکتی
  12. طراحی سایت شرکتی
  13. طراحی سایت شرکتی
  14. طراحی سایت شرکتی
  15. طراحی سایت شرکتی
  16. طراحی سایت شرکتی
  17. طراحی سایت شرکتی
  18. طراحی سایت شرکتی
  19. طراحی سایت شرکتی
  20. طراحی سایت شرکتی
  21. طراحی سایت شرکتی
  22. طراحی سایت شرکتی
  23. طراحی سایت شرکتی
  24. طراحی سایت شرکتی
  25. طراحی سایت شرکتی
  26. طراحی سایت شرکتی
  27. طراحی سایت شرکتی
  28. طراحی سایت شرکتی
  29. طراحی سایت شرکتی
  30. طراحی سایت شرکتی
  31. طراحی سایت شرکتی
  32. طراحی سایت شرکتی
  33. طراحی سایت شرکتی
  34. طراحی سایت شرکتی


:: بازدید از این مطلب : 312
|
امتیاز مطلب : 0
|
تعداد امتیازدهندگان : 0
|
مجموع امتیاز : 0
تاریخ انتشار : سه شنبه 24 تير 1399 | نظرات ()
نوشته شده توسط : جعفر

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

AJAX چیست؟

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

ماهیت صفحات وب و پروتکل HTTP به گونه ای است که به ازای هر کنش و واکنش میان کاربر و سایتی که در حال کار با آن است، کل یک صفحه وب از نو بارگذاری و تازه سازی (refresh) می شود.

بگذارید ابتدا تعاریف مختلف از  Ajax را کمی با هم بررسی کنیم. در یک شرایط کلی ماهیت صفحات وب و پروتکل HTTP به گونه ای است که به ازاری هر کنش و واکنش میان کاربران اینترنت و سایت هایی که در حال مشاهده آن هستند، کل یک صفحه دائما بارگذاری و تازه سازی (reftesh) می شوند.  Ajax فناوری جدیدی است که تغییر محسوسی را در این فرآیند ایجاد کرده است. با استفاده از این فناوری بجای بارگذاری مجدد کل صفحه وبسایت در هر بار refresh کردن، تنها قسمتی از آن صفحه تغییر می کند که حاوی اطلاعات جدید است. بنابراین با این تکنیک پهنای باند قابل توجهی آزاد می شود. کاهش چشم گیر هزینه ها در زمینه فضاهای پهنای باند باعث شد که از  Ajax به نام انقلابی در عرصه وب و فضاهای سایبری نام برده شود.

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

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

AJAX در طراحی سایت

عامیانه ترین مثال برای کاربردهای Ajax سیستم Google Suggest است که وقتی شما عبارتی را جستجو می کنید گوگل عبارتهای دیگر را با تکنیک Ajax  برای شما می آورد یا مثلا سبدهای خرید سایت های فروشگاه اینترنتی وقتی شما کالایی را به سبد خرید اضافه می کنید فقط سبد خرید آپدیت می شود نه کل سایت یا در خیلی از فرم های ثبت نام این تکنیک به کار برده شده است. امروزه بسیاری از سایت های معروف دنیا نظیر فیس بوک، Google Maps، Gmail، YouTube از این تکنیک استفاده می کنند که کاربران را خسته نکنند و سرعت سایت بالاتر برود. در طراحی سایت فروشگاهی همانطور که گفته شد با سنگین شدن وبسایت تکنیک AJAX می تواند به سرعت لود شدن سایت کمک شایانی داشته باشد و همچنین در طراحی سایت شرکتی نیز با توجه به مشکلات مربوط به زیرساخت های اینترنت و سرعت پایین عمومی اینترنت در کشور ما با استفاده از قابلیت های AJAX نیاز به پهنای باند بالا در لود شدن سایت ها کاهش پیدا می کند و در نتیجه برای سایت هایی در کشوری مانند ایران استفاده از تکنیک AJAX یک ضرورت اجتناب ناپذیر به حساب می آید.

مزایای AJAX در طراحی سایت

عدم نياز به بارگذاری مجدد كل يك صفحه وب

کاهش مصرف پهنای‎ باند

افزايش قابل توجه سرعت نرم‎افزارهای تحت وب

پشتیبانی از بیشتر مرورگرهای معروف

توانایی سفارشی سازی کنترلهای سرور به منظور استفاده از ظرفیت‎های client

معایب استفاده از AJAX 

البته هر پدیده جدیدی در کنار ارائه مزایای متعدد ممکن است نقاط ضعف یا کمبودهایی داشته باشد که در اینجا به برخی از مشکلات فن آوری Ajax نیز اشاره میکنیم:

– هر مرورگری که از JavaScript یا سیستم تقاضای XMLHttp پشتیبانی نکند، امکان استفاده صحیح از صفحاتی که به Ajax کدنویسی شده اند را نخواهد داشت. البته در مرورگرهای مهم مانند فایرفاکس، گوگل کروم چنین مشکلی وجود ندارد و از همان ابتدا این مرورگرها کدهای ajax  پشتیبانی کرده اند.

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

– حفظ و نگهداری، اشکالزدایی و تست صفحاتی که چنین محتوایی تولید می کنند دشوار است.

– هنگامی که شما از Ajax برای تغییر داینامیک محتوای صفحه استفاده میکنید، امکان مشاهده محتوای اضافه شده را در بخش view source  صفحه نخواهید داشت زیرا محتوای صفحه همان چیزی است که در ابتدا از سرور خوانده شده بود، به این ترتیب پس از رفرش مجدد صفحه نیز محتوا به همان حالت قبلی برمیگردد. اگر میخواهید در محیط ASP.NET از Ajax استفاده کنید باید در ابتدای صفحه خود یک کنترل ScriptManager قرار دهید. نماد اصلی Ajax در ASP.NET، کنترلی به نام UpdatePanel است. میتوانید این کنترل را به همراه سایر کنترلهای مربوط به Ajax در برگه ای با نام Ajax در نوار ابزار ویژوال استودیو بیابید.

 



:: بازدید از این مطلب : 258
|
امتیاز مطلب : 0
|
تعداد امتیازدهندگان : 0
|
مجموع امتیاز : 0
تاریخ انتشار : دو شنبه 16 تير 1399 | نظرات ()
نوشته شده توسط : جعفر

 

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

 

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

 

تصاویر مهم و بحرانی رو انتخاب کرده و اونا رو Preload کنید

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

شما میتوانید از اون برای هر چیزی استفاده کنید ولی باید در نظر داشته باشید که به جز در موارد ضروری و تصایر حیاتی از این مورد استفاده نکنید. فرض کنید که میخواهیم تصویر اصلی یک سایت رو Preload کنیم. برای اینکار بصورت زیر عمل میکنیم:

<link rel="preload" href="/img/logo.svg" as="image">

کد بالا رو در قسمت Head سایت خودتون قرار بدین. شما همچنین میتوانید از Preload در هدرهای HTTP استفاده کنید. بصورت زیر:

Link: </img/logo.svg>; rel=preload; as=image

در تصویر زیر دو حالت مختلف از لود شدن تصویر رو مشاهده میکنید که تفاوت استفاده یا عدم استفاده از Preload در اون مشخص شده است:

 

 

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

 

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

 

 

 

بهینه سازی SVG با بهینه سازی انواع تصاویر دیگه تفاوت داره چون برخلاف تصاویر PNG و JPG ، تصاویر SVG بصورت متنی هستند و شبیه به کدهای XML هست. پس شما از هر روشی که برای فشرده سازی متون استفاده میکنید، میتوانید برای بهینه سازی SVG نیز استفاده کنید. علاوه برای این موارد شما میتوانید از ابزار SVGO استفاده کنید و سایز فایلهای SVG خودتون رو پایین بیارید.

ابزار SVGO امکانات و ویژگی های زیادی رو در اختیارتون قرار میده که با استفاده از اونا میتوانید بصورت کامل بر روی فایلهای SVG خودتون مدیریت داشته باشید و اون چیزای اضافی رو حذف کنید و با اینکار حجم SVG خودتون رو کاهش بدید.

شما با استفاده از نرم افزارهای گرافیکی مثل Adobe Illustrator که SVG رو به وجود میارید، میتوانید بصورت اتوماتیک مسیرهای SVG رو ساده سازی کنید و با اینکار سایز تصاویر SVG خودتون رو کاهش بدین. تصویر زیر رو ببینید:

 

تصویر سمت چپ، تصویر اولیه هست و همونطور که مشاهده میکنید 251 نقطه داره و حجم اون تقریبا 21 کیلوبایت هست. زمانی که تصویر رو ساده سازی میکنید، تفاوت چندانی در ظاهر اون به وجود نمیاد ولی تعداد نقاط اون به 152 عدد میرسه و حجم اون هم تقریبا 5 کیلوبایت کاهش پیدا میکنه. شما با این روش ساده و اتوماتیک مسیرهای SVG رو ساده سازی کردید.

 

تبدیل تصاویر انیمیشنی GIF به ویدیو

 

 

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

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

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

شما با استفاده از روشهای مختلف میتوانید این تبدیل رو انجام بدین. یکی از این راه ها استفاده از ابزار FFMpeg هست. با استفاده از این ابزار به راحتی میتوانید GIF رو به فرمتهای MP4 یا OGV یا WEBM و ... تبدیل کنید. برای اینکار میتوانید از دستورات زیر استفاده کنید:

 

1- ffmpeg -i animated.gif -b:v 512K animated.webm

2- ffmpeg -i animated.gif -b:v 512K animated.ogv

3- ffmpeg -i animated.gif -b:v 512K animated.mp4

 

در دستورات بالا بعد از i یا input میتوانید فایل GIF ورودی رو مشخص کنید و با استفاده از b هم میتوانید bitrate اون رو مشخص کنید. در نهایت هم نام و فرمت فایل خروجی رو مشخص میکنیم. در یک تست انجام شده یک فایل GIF ورودی با حجم 989 کیلوبایت به ویدیو تبدیل شده و سایز اون بصورت زیر شده است:

  • سایز 155 کیلوبایت در فرمت MP4
  • سایز 109 کیلوبایت در فرمت OGV
  • سایز 85 کیلوبایت در فرمت WebM

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

 

<video preload="none">

<source src="/videos/animated.webm" type="video/webm">

<source src="/videos/animated.ogv" type="video/ogg">

<source src="/videos/animated.mp4" type="video/mp4">

</video>

 

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

 

لود کردن تصاویر با استفاده از IntersectionObserver

احتمالا زیاد از تکنیک Lazy loading برای لود کردن تصاویر استفاده کرده باشید. ولی بیشتر ابزارهایی که برای اینکار مورد استفاده قرار میگیره زیاد از CPU استفاده میکنن چون در هر لحظه موقعیت فعلی اسکرول صفحه رو بررسی میکنن و با توجه به اون تصمیم میگیرن که تصویر مورد نظر باید لود بشه یا خیر. دستگاه هایی که CPU ضعیفی دارند در این مواقع به مشکل بر میخورن و سایت شما رو با اختلال مواجه میکنه.

خوشبختانه با استفاده از Intersection Observer API میتوانید خیلی ساده تر و بهینه تر اینکار رو انجام بدین و متوجه بشید که تصویر چه زمانی وارد Viewport میشه و در همون زمان تصویر مورد نظر رو لود کنید تا کاربر بتونه اون رو مشاهده بکنه. نحوه استفاده از این API رو در ادامه توضیح میدیم. در ابتدا تصویر رو در کدهای HTML قرار میدیم:

 

<img class="lazy" data-src="/images/lazy-loaded-image.jpg" src="/images/placeholder.jpg" alt="I'm lazy." width="320" height="240">

 

همونطور که میبینید در src یک تصویر placeholder یا اولیه قرار دادیم تا زمانی که تصویر اصلی لود نشده است اون رو نمایش میدیم. تصویری که میخوایم بصورت Lazy load با استفاده از API اون رو لود کنیم درون ویژگی data-src قرار میدیم. حالا میتونیم با استفاده از کلاس در Javascript به این تصویر دسترسی داشته باشیم و کارهای مورد نظرمون رو انجام بدیم. بصورت زیر:

 

document.addEventListener("DOMContentLoaded", function(){

if("IntersectionObserver" in window && "IntersectionObserverEntry" in window && "intersectionRatio" in window.IntersectionObserverEntry.prototype){

elements = document.querySelectorAll("img.lazy");

 

var imageObserver = new IntersectionObserver(function(entries, observer){

entries.forEach(function(entry){

if(entry.isIntersecting){

entry.target.setAttribute("src", entry.target.getAttribute("data-src"));

entry.target.classList.remove("lazy");

imageObserver.unobserve(entry.target);

}

});

});

 

elements.forEach(function(image){

imageObserver.observe(image);

});

}

});

همونطور که میبینید در ابتدا بررسی شده که Intersection API در مرورگر کاربر پشتیبانی میشه یا خیر. بعد از اون تصاویری که در Viewport قرار میگیرن رو لود میکنیم.

 

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

 

  1. طراحی سایت شرکتی
  2. طراحی سایت فروشگاهی
  3. طراحی سایت تهران
  4. طراحی سایت
  5. طراحی وب سایت
  6. طراحی سایت شرکتی
  7. طراحی سایت فروشگاهی
  8. طراحی سایت تهران
  9. طراحی سایت
  10. طراحی وب سایت
  11. طراحی سایت شرکتی
  12. طراحی سایت فروشگاهی
  13. طراحی سایت تهران
  14. طراحی سایت

.

 



:: بازدید از این مطلب : 255
|
امتیاز مطلب : 0
|
تعداد امتیازدهندگان : 0
|
مجموع امتیاز : 0
تاریخ انتشار : دو شنبه 16 تير 1399 | نظرات ()
نوشته شده توسط : جعفر

 

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

 

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

 

 

 



2. استفاده از Fetch as Google
در اکانت گوگل وبمستر خود میتوانید درخواست بررسی و ایندکس سایت و صفحات مشخصی از آن را ثبت کنید. این کار برای معرفی صفحات جدید سایت و یا آنهایی که به تازگی بروزرسانی شده اند کاربرد دارد.
برای ایندکس سایت از این طریق از نوار کناری و در بخش Health بر روی گزینه Fetch as Google کلیک کنید. آدرس مورد نظر خود را در باکس سفید رنگ وارد کرده و بر روی دکمه Fetch کلیک کنید. پس از بارگزاری مجدد صفحه وضعیت به Successful تغییر می یابد. در این زمان برای ثبت نهایی دکمه Submit to Index را بزنید.



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

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

 


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

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

6. رعایت نکات کد نویسی
شما با رعایت صحیح نکات کد نویسی میتوانید کار رباتهای گوگل را برای ایندکس سایت خود راحت تر کرده و سرعت این پروسه را افزایش دهید. برای بررسی کد HTML سایت خود به سایت W3.org مراجعه کرده از ابزار چک کننده آن بهره بگیرید. در کنار این کار رعایت نسبت متن به کد در صفحات خود را رعایت کنید.

7. سرعت بیشتر، ایندکس بهتر
با کاهش زمان بارگذاری صفحات به همان نسبت سرعت ایندکس سایت افزایش می یابد.سرعت سایت یکی ار مهمترین فاکتورها برای سنجش کارایی و سئو سایت است. گوگل سرعت مناسب سایت را نشانگر کاربرپسند بودن آن میداند و در رنکینگ تاثیر میدهد.


 


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

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

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



:: بازدید از این مطلب : 252
|
امتیاز مطلب : 0
|
تعداد امتیازدهندگان : 0
|
مجموع امتیاز : 0
تاریخ انتشار : دو شنبه 16 تير 1399 | نظرات ()
نوشته شده توسط : جعفر

 

طراحی به شیوه ابتدا موبایل (Mobile First)

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

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

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

اما فواید این روش چیست؟ در ادامه مطلب همراه ما باشید…

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

خب نظر شما در مورد روش Mobile First جیست؟ آیا تا به حال از آن استفاده کردید؟

 

منبع : آپارنت
 

 



:: بازدید از این مطلب : 252
|
امتیاز مطلب : 0
|
تعداد امتیازدهندگان : 0
|
مجموع امتیاز : 0
تاریخ انتشار : سه شنبه 6 خرداد 1399 | نظرات ()
نوشته شده توسط : جعفر

 

اهمیت بازاریابی از طریق شبکه های اجتماعی

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

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

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

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

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

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

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

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

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

 

منبع : نوین مارکتینگ
 


:: بازدید از این مطلب : 237
|
امتیاز مطلب : 0
|
تعداد امتیازدهندگان : 0
|
مجموع امتیاز : 0
تاریخ انتشار : سه شنبه 6 خرداد 1399 | نظرات ()
نوشته شده توسط : جعفر

 

SMO چیست؟

SMO مخفف Social Media Optimization و به معنای بهینه سازی سایت ها برای شبکه های اجتماعی می باشد. در راهکارهای SMO, طراحان و مدیران وب سایت ها طراحی وب سایت خود را به گونه ای بهینه سازی می کنند تا بتوانند ترافیک کاربران شبکه های اجتماعی مثل فیسبوک، توییتر، گوگل پلاس و دیگر شبکه های اجتماعی را به سمت سایت خود بیاورند.

مخفف Social Media Optimization و به معنای بهینه سازی سایت ها برای شبکه های اجتماعی می باشد. در راهکارهای SMO, طراحان و مدیران وب سایت ها طراحی وب سایت خود را به گونه ای بهینه سازی می کنند تا بتوانند ترافیک کاربران شبکه های اجتماعی مثل فیسبوک، توییتر، گوگل پلاس و دیگر شبکه های اجتماعی را به سمت سایت خود بیاورند.

بهینه سازی شبکه های اجتماعی برای اولین بار در سال ۲۰۰۶ مطرح شد و از همان زمان به ندرت و با پیشرفت های شبکه های اجتماعی معانی جدیدتری به خود گرفت. اما همانطور که در ویکی پدیا اشاره شده، SMO را می توان اینگونه نیز تعریف کرد:

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

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

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

اخطار مهم  :

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

 

منبع : قربانی

 



:: بازدید از این مطلب : 287
|
امتیاز مطلب : 0
|
تعداد امتیازدهندگان : 0
|
مجموع امتیاز : 0
تاریخ انتشار : سه شنبه 6 خرداد 1399 | نظرات ()
نوشته شده توسط : جعفر

 

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

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

حدود 10 سال پیش قبل از سال 2003 گوگل ماهانه رنکینگ وب سایت ها را در نتایج جستجو آپدیت می کرد اما در حال حاضر این رقم به حدود 10 تا 12 بار در ماه افزایش پیدا کرده است. دقیقا از همان سال 2013 بود که گوگل بسیاری از سیگنال ها و عوامل را به اگوریتم های خود اضافه کرد و ایندکس و آپدیت شدن با معرفی گوگل پاندا در فوریه سال 2011 رواج بیشتری هم گرفت.

در حال حاضر گوگل 200 سیگنال را برای رتبه بندی محتوای وب سایت ها در نتایج جستجو در اختیار دارد اما این ابر موتور جستجو برنامه ای دارد که این عوامل را به 500 سیگنال خواهد رساند.

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

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

 

منبع : نوین مارکتینگ


:: بازدید از این مطلب : 262
|
امتیاز مطلب : 0
|
تعداد امتیازدهندگان : 0
|
مجموع امتیاز : 0
تاریخ انتشار : سه شنبه 6 خرداد 1399 | نظرات ()
نوشته شده توسط : جعفر

عوامل تاثیر گذار افزایش رتبه سایت در گوگل

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

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

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

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

کلمات کلیدی Keyword
یکی از مهمترین نکاتی است که باید برای بهبود رتبه سایت خود انجام دهید. طراحی وب سایت خود را بر اساس مهمترین کلمات کلیدی در نظر بگیرید و آنها را در منوهای اصلی قرار دهید. متن های خود را بر اساس کلمات کلیدی بنویسید. از آنجایی که کلمه کلیدی ما "طراحی وب سایت" است بنابراین حدودا 3 تا 6 بار این کلمه کلیدی را در محتوای خود درج می کنیم.

عنوان و توضیحات هر صفحه وب سایت Title
موتورهای جستجو در سال 2013 اهمیت زیادی برای عنوان صفحات، متا تگ و توضیحات مختص همان صفحه قائل هستند. تا حد امکان سعی کنید برای صفحات مختلف، متفاوت عمل کنید. در تعداد کاراکترهای آنها هم دقت کنید که خیلی طولانی نباشند. مثلا تحقیقات ثابت کرده است که برای هر صفحه سایت، 5 کلمه کلیدی را در متا تگ قرار دهید. بنابراین ما مجبور هستیم که عنوان این صفحه را "طراحی وب سایت" کنیم. توضیحات را می توان به این شکل معرفی نمود: "قوی ترین مرکز تخصصی طراحی وب سایت" و در متاتگ هم این کلمه کلیدی را درج می کنیم.

افزایش رتبه سایت در گوگل

نام لینک URL
متاسفانه بعضی از وب سایت ها و یا CMS های آماده ضعف بزرگی دارند و امکان گذاشتن URL نیست. پس برای کلمه کلیدی "طراحی وب سایت" باید اسم URL را "website-design" یا "طراحی-وب-سایت" بگذاریم.

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

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

 

منبع : نوین مارکتینگ

 

  1. طراحی وب سایت
  2. طراحی سایت شرکتی
  3. طراحی سایت فروشگاهی
  4. طراحی سایت تهران
  5. طراحی سایت
  6. طراحی وب سایت
  7. طراحی سایت شرکتی
  8. طراحی سایت فروشگاهی
  9. طراحی سایت تهران
  10. طراحی سایت
  11. طراحی وب سایت
  12. طراحی سایت شرکتی
  13. طراحی سایت فروشگاهی
  14. طراحی سایت تهران
  15. طراحی سایت


:: بازدید از این مطلب : 243
|
امتیاز مطلب : 0
|
تعداد امتیازدهندگان : 0
|
مجموع امتیاز : 0
تاریخ انتشار : سه شنبه 6 خرداد 1399 | نظرات ()
نوشته شده توسط : جعفر
تاریخ انتشار : سه شنبه 23 ارديبهشت 1399 | نظرات ()