تاثیر فایل های CSS, JS بر سئو
سلام امیدوارم حالتون خوب باشه؛ من محمد نصیری هستم و اینجا وبین سئو هست.
توی این ویدیو میخواهیم در مورد فایل های CSS و JS صحبت کنیم.
فایل CSS, JS چیست؟
اول باید ببینیم که اصلا این فایلها چی هستند و بعد تاثیرشون روی سئو بسنجیم. اصلا این فایل های css, js چه تاثیری بروی سئو سایت من دارند و اصلا چه کار می تونند انجام بدهند و یا من چه کارهایی می تونم انجام بدهم که فایل های CSS, JS ام برای سئو بهینه سازی بشه.
خب فایل های css چیست: همون
- استایل ها
- رنگ ها
- رنگ دکمه ها
- حالت دکمه ها
- حالت المان های صفحه سایت شما
این موارد همه می شوند CSS. خب من خیلی ساده دارم به شما می گویم.
حالا این JS, CSS در کنار هم توی وب سایت ها استفاده میشن و ما چکاری را باید انجام بدیم (حالا که می دونیم اینا چی هستند) که توی سئو سایت ما تاثیر گذار باشند. یعنی چه رفتاری رو باید با سی اس اس و جی اس های سایتمون انجام بدیم.
براساس CMS ای که دارید حالا اگه CMS تون وردپرس هست یا هر چیز دیگه ای (اصلا اختصاصی هست) یکسری قوانین وجود داره. شما باید براساس این قوانین وب سایت رو سئو کنید. (سورس تون رو بهینه سازی کنید)
قوانین بهینه سازی سورس فایل های CSS, JS
این قوانین به این شکل هست که شما:
شما باید CSS-Inline حدالمکان نداشته باشید. (تمام سعی تون رو بکنید که CSS-Inline نداشته باشید) این رو باید چجوری رقم بزنید. ببینید توی سایت های وردپرسی مثال وردپرس که میزنم به این دلیله که ما بصورت تخصصی بهینه سازی سورس انجام میدیم و روی وردپرس به دلیل اینکه اکثر قالب های آماده دارند از پلاگین ها یا افزونه هایی مثل ویژال کامپوزر، المنتور یا صفحه سازها استفاده می کنند.
عموما همه شما دارید از این قالب ها استفاده می کنید یعنی اکثر شماها؛ این اتفاق می افته که شما با تغییرات کوچک یا ویزاردی با Drag Drop مثلا با موس تون می کشید و یه دکمه ای رو اضافه می کنید یا هر چیزی، چه اتفاقی می افته در Back-end شما یا سورس شما اتفاق این شکلی هست که؛ CSS ها داخل یک فایل قرار نمیگیره یعنی همش بصورت این لاین و خطی داخل سورس تون هست و بصورت طبیعی باید این ها داخل یک فایل CSS باشه.
اما چون شما دارید در لحظه و داینامیک تغییر ایجاد می کنید، اون صفحه سازی که دارید استفاده می کنید، ناچاره که سی اس اس ها رو به این شکل بیاره و همین شکل هم در JS ها اتفاق می افته. یعنی شما یک Action رو که تعریف می کنید توی المنتور یا هر صفحه ساز دیگه این اتفاق می افته یعنی JS های in-line و حتی وقتی که از فایلهای آماده خودش استفاد می کنید، تعداد فایل ها خیلی زیاده.
حالا باید چکار کنیم؟ گفتیم که حدالمکان نباید CSS و یا JS این لاین داشته باشیم. خب اگر المنتور باشه چی؟
من اصلا توصیه نمی کنم که از این صفحه سازها استفاده کنید. بنابر تجربه خودم توی وب سایت های مختلف و حوزه های مختلف، یعنی یکی از سخت ترین حوزه ها حوزه سئو است. این رو من توی وب سایت خودم کاملا تست کردم. شما صفحه هایی را در اول آموزش سئو می بینید که اکثرا بهینه سازی سورس توشون انجام شده.
یعنی وب سایت های ساخته شده با المنتور خیلی سخت تر به نسبت این ها بالا می آیند؛ چرا؟ چون اینها برتری دارند توی سورس نسبت به همون سایت ها ی آماده و همین دلیل یک ضعف توی سورس شون و یک ضعف در بهینه سازی سورس باعث میشه که سایت هایی که تمیزترند رنک بهتری بگیرند.
در نهایت توی بخش Off-Page تون این بهینه سازی سورس باعث میشه که هزینه های آف پیج یا تعداد رسانه ها یا هر چیز دیگه ای که می تونید حساب کنید که در نهایت منجر به کم شدن هزینه Off-Page تون میشه، این موارد هم با بهینه سازی سورس کم میشه. شما اگه قرار باشه یک صفحه ای رو حالا براساس تحلیل خودتون داشتید، استراتژی که خودتون داشتید.
مثلا: با ۲۰ تا رسانه رپورتاژ یعنی Refer Domain بیاریدش بالا؛ گاها اتفاق افتاده برای من که، البته گاها نه اکثر مواقع این شده که با کمترین رپورتاژ یا کمترین میزان بک لینک های دستی، کمترین میزان برندینگ و CO-Satiation و هر روش دیگه ای که شما می گید، با کمترین حالتش ما اومدیم توی رنک های برتر و حتی خیلی از مواقع مخصوصا تو سایت خودم وبین سئو و سایت های دیگه ای که دارم توی حوزه های مختلف که مال خودمه، اکثرا لینک یک رو گرفتند به راحتی
پس تاثیر CSS , JSS اینجاست که شما بهینه سازی سورس خیلی بهتری دارید و حالا این دانش رو آیا باید من سئو کار داشته باشم یعنی من باید بتونم css , js رو از حالت In-Line خارج کنم و نکته دیگه اینکه minify بشوند؛ این ها رو باید من انجام بدهم؟
جعبه نکته
این ها وظیفه یک سئو کار نیست! اما دونستن این مسائل برای ارتباط گرفتن با تیم فنی حتی در small business ها و حالا بیزنس های متوسط رو به بالا، حالا فرقی نمی کنه (SMB) ها، این ها هم گاها تیم فنی دارند. خودتون می تونید ببینید خیلی از وب سایت ها ما پشتیبان شون هستیم توی مسائل فنی و همیشه ما براشون مسائل فنی رو انجام میدیم و یک مزیت دیگه ای که هم داره ما خودمون هم سئو کاریم، اینها خیلی راحتتر درک می کنیم؛ وقتی می خواهیم ارتباط بگیریم خیلی راحتتر می تونیم حرف همدیگه رو درک کنیم شما با کسی که سئو کاره خیلی راحتتر عمل می کنید.
یه خاطره ای که میخام براتون تعریف کنم: من توی یک هولدینگی مدیر بودم، اونجا Developer هاش به هیچ عنوان SEO-Base کار نکرده بودند؛ و برای اولین بار بود که می خواستن یک سایتی رو سئو بیس کار کنند و تا اون لحظه و یا تا اون موقعی که من وارد مجموعه شدم اونها داشتند با بازاریابی تلفنی با دادن آدرس وب سایت شون داشتند بازاریابی می کردند و کانال مارکتینگ شون فقط Tel-Marketing بود.
سئو رو می خواستند اضافه کنند ما چالشی داشتیم، یک سئو کار باید متوجه اشون کنه که چرا باید بهینه سازی سورس داشته باشید. با دلیل و منطق، یعنی شما باید بگید که چرا باید بهینه سازی سورس در JS , CSS و حالا سایر موارد (بهینه سازی سورس فقط js, css) نیست.
پس بهینه سازی سورس خیلی مهمه. من تمام دوره هایی که داشتم دوره آموزش سئو خودم دوره آموزش لینک سازی خودم در وبینارهام در تمامی دوره ها در سال های مختلف تاکید کردم برای بهینه سازی سورس، به این دلیل که هزینه تون خیلی خیلی کمتره به این دلیل شما در ابتدا شاید یک هزینه ای رو برای بهینه سازی سورس و اصلا مشاوره بهینه سازی سورس بگیرید و بعد شما مثلا دارم میگم با دونستن این مساله؛ یک رپورتاژ معمولی یک میلیونه و شما می تونید با ۵ الی ۶ میلیون یک وب سایت خود، ما از وب سایت های آماده ای که داریم که بهینه سازی سورس شدند تو حوزه های مختلف، مثلا الان هفت یا هشت میلیونه در حال حاضر.
خب یعنی با یه قیمت کمی شما می تونید این رو بدست بیارید و از اون ور رپورتاژهاتون کاهش پیدا می کنه . یعنی عملا هزینه ها که کاهش پیدا میکنه، زحماتی که قراره بکشید هم کاهش پیدا میکنه، شما خیلی خیلی راحتتر به اون رنک می رسید.
من سایت هایی که کار می کنم اکثرا در سه ماه می رسم مگر اینکه حوزه خیلی سخت باشه که بره روی شش ماه. ولی خب این اتفاق افتاده و من این رو دیدم و بهتون قول میدم که اگر این کار رو انجام بدید خیلی خیلی موفق ترید
امیدوارم موفق و پیروز باشید. خدا نگهدار.
