آموزشگاه سئوی پرستاشاپ

Started By B.A.H.M.A.N, May 07 2013 04:39 PM

20 پاسخ برای این موضوع
2019hosseini

    عضو تازه وارد

  • عضو انجمن
  • ستاره
  • 0 محبوبیت
  • 11 ارسال

ارسالی 27 August 2019 - 10:55 AM

واقعا مفید واقع شد.ساده و کاربردی..ادامه بدید

 

[align=center]attachicon.gif 201312/post_366_1386546674_e97fa1a11db834788fa99e8ff4c6f6bc.attach


درس سوم : نحوه بالا بردن سرعت سایت برای سئوی بهتر + ساختار و اینترفیس قالب


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

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


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

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

نمونه کد استایل معمولی :

margin-left:10px;
margin-right:15px;
margin-top:12px;
margin-bottom:20px;
اینم خلاصه این کد
margin:12px 15px 20px 10px
البته باید بگم به لطف پرستاشاپ و سیستم minify و combine آن ، هر چند کد های شما اصولی هم نباشند ، پرستاشاپ براتون خودکار درستشون میکنه ( منظورم در استایل بود فقط ) اما بهتره خود کد ها استاندارد باشن و این بار رو روی دوش پرستاشاپ نندازین ، گناه داره :D


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

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

عکسای سایت ( قالب ) رو با متد css-sprite ادغام کنیم
مورد مهمی هست و من گذرا توضیح میدم ، هر مرورگری به صورت همزان 6 درخواست میتونه ارسال کنه ، اگر تعداد ایتم هایی که در سایت شما وجود دارند ( مثلا تصاویر ) 60 عدد باشه ، یعنی مرورگر در 10 تلاش جداگانه این 60 تا رو لود میکنه ، فرض کنید 6 تا کارگر هستند که همزمان میرن پشت کامیون و هر کدوم یدونه سنگ برمیداره میراه میندازه داخل فرغون . یعنی 10 بار باید برن و بیان تا این سنگ ها تموم بشه . پس اگه ما این 60 سنگ رو به هم وصل کنیم یکی از کارگرا میره و برمیداره میاره . البته ممکنه کمی به زحمت بیفته چون وزن سنگ ( حجم عکس ) بیشتر شده ، اما به هر حال سرعت خیلی میره بالاتر . پیشنهاد میکنم در گوگل جستجو کنید در باره این متد ارزشمند .

لینک شسکته ، عکس و یا محتوای مفقود شده ممنوع !
در قالب شما نباید هیچ لینکی شکسته و مفقود باشد ، این یکی از دلایل افت سرعت لود سایت هاست ، چه بسا یکی دو تصویری که در قالب آدرس دهی شده اند اما وجود ندارند یا لینکشان اشتباه است باعث کندی 2 تا 5 ثایه ای لود کامل سایت شوند . پس چک کنید و چک کنید

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

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


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

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

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


از css و js نویسی inline ( یعنی داخل فایل های tpl ) خودداری کنید .
هر چقدر قالب سایت شما سبکتر باشد برای سئو سایت بهتر است. استفاده از دستورات css در داخل صفحه و به صورت Inline یکی از معمولترین و بزرگترین مشکلاتی است که طراحان قالب برای سئو سایت ایجاد میکنند. البته گوگل اعلام کرده است که این مشکلات را تا حدودی در نظر نمی گیرد و آنها را برطرف میکند اما در هر صورت بهتر است از چنین کدهایی در داخل سایت استفاده نشود، بخصوص که بر روی سرعت لود شدن صفحه نیز تاثیر منفی می گذارند.

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

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


استفاده از تگ های با اهمیت در بهینه سازی سایت
برخی از مشخصات سئو داخلی سایت استفاده از تگ های پر اهمیت در سئو در داخل محتوای سایت و قالب آن است. به عنوان مثال H1 مشخص کننده عنوان صفحه است و هر صفحه تنها باید یک عنوان داشته باشد لذا یک تگ H1 در هر صفحه باید باشد. استفاده از تگ های H2 و… نیز می تواند برای عناوین سطح دوم به بعد مفید باشد. خیلی از کاربران فکر میکنند که اگه تو یک صفحه ده بیست تا تگ h1 باشه سئوی بهتری خواهند داشت ، برای همین من خیلی میشنوم که مشتری ها میگن چرا تگ h1 نداریم و چرا h2 نیست و ... هر چیزی در جای خودش باید استفاده بشه و به اندازه . زیاده روی نه تنها خوب نیست بلکه بد هم میتونه باشه


[align=right]خوب حالا شما دو راه حل پیش رو دارید :

 

اول اینکه خودتون طراحی بلدین و اینکارها رو انجام میدین ، اگر اینطور هستید با شما کاری نداریم ، خوش اومدید ;)

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

[justify]یک سئو کار در ابتدا باید ، وسعت سایت ( تعداد محصولات و صفحات و اهداف و ..) را بداند و باید راه حل هایی را برای مسائل زیر پیدا کند :

[/justify]
  • از breadcrumbs در جای مناسب استفاده کند
  • لینک های درون فوتر را خوب چیدمان کند
  • Navigation ها و منوها را به خوبی چیدمان کند
  • از منوهای کنار سایت به خوبی استفاده کند
  • از تگ ها در جاهای مناسب استفاده کنید
  • کدهای اضافی را پاکسازی کندلینک های شکسته را پیدا و رفع کند
  • استایل نویسی استاندارد را رعایت کند
  • روانشناس باشد و اصول رنگها را به خوبی تشخیص دهد
  • از حجم و تعداد تصاویر و فایل های js در سایت بکاهد
  • و در نهایت الکی به بهانه سئو از شما پول های آنچنانی نگیرد :rolleyes:
در نهایت میرسیم به بخش آزمون
حالا که تونستید به این مرحله برسین وقت امتحان پس دادنه ، وارد سایت gtmetrix بشین و سایتتون رو تست کنید . ببینید نمره A+ تو گوگل رو میگیرین یا نه . اگه گرفتین خوشا به حالتان ، اگر نگرفتین ناراحت نشوید ، پیام بدین راهنمایی میکنیم و این افتخاری برای ماست که سایت پرستاشاپی شما مثل جت حرکت کنه .


درس بعدی رو که مهم ترین بحث سئو در یک فروشگاه ساز هست از دست ندید ( وارد سازی اصولی دیتا در فروشگاه )

خیلی ها انتظار داشتن چیزای دیگری در مورد سئو در قالب بشنون ، متاسفم ، سئو مفهموش در قالب یعنی همینا ;) [/align][/align]

 

 


0 کاربر در حال خواندن این موضوع است

0 کاربر، 0 مهمان و 0 عضو مخفی