تا حالا شده یه وب‌سایت رو ببینی و با خودت بگی این سایت چطور ساخته شده؟ شاید داشتی سایت یه رقیب رو بررسی می‌کردی یا تو فکر این بودی که خودت هم یه چیزی شبیه به اون راه بندازی. یا حتی ممکنه دلت بخواد تو همون شرکت یه شغل جور کنی و بخوای بدونی چه فناوری‌هایی پشت سایتشونه. کنجکاوی تو این زمینه کاملاً طبیعیه؛ چون خیلی وقتا می‌خوایم ببینیم چه ابزارها و تکنولوژی‌هایی پشت یه وب‌سایت قرار دارن. مثلاً ممکنه بخوای بدونی آیا از وردپرس استفاده کردن یا سایتشون رو از صفر با زبان‌هایی مثل HTML، CSS و جاوااسکریپت طراحی کردن. برای اینکه بفهمیم یک سایت با چی طراحی شده، بعضی وقت‌ها نیاز به کمی دقت و بررسی داریم. ممکنه چالش‌برانگیز باشه، اما با چند تا راه ساده می‌تونیم به راحتی به جواب برسیم.
اول اینکه، باید حواسمون باشه که مدیر سایت ممکنه دست به شخصی‌سازی‌های خاصی زده باشه یا از ترفندهای پیشرفته‌ای استفاده کرده باشه که ظاهر و عملکرد سایت رو کاملاً متفاوت از چیزی که سازنده وب‌سایت ارائه میده، جلوه بده. حتی گاهی اوقات ممکنه سایت از پایه و به‌صورت کاملاً سفارشی ساخته شده باشه و اصلاً روی یک سازنده وب‌سایت خاص استوار نباشه.
راه های تشخیص اینکه سایت با چی طراحی شده؟
استفاده از ابزارهای آنلاین
ابزارهای آنلاین متنوعی وجود دارند که به شما کمک می‌کنن بفهمید یک سایت از چه پلتفرم و سازنده وب‌سایتی استفاده می‌کنه. این ابزارها به راحتی به شما نشون میدن که سایتای رقیب چجوری طراحی شدن. فقط کافیه که آدرس سایت رو وارد کنید و در چند ثانیه، اطلاعاتی مثل سازنده وب‌سایت، قالب‌ها و افزونه‌های مورد استفاده رو به دست بیارید.
BuiltWith
اگه می‌خوای بفهمی یه سایت با چه تکنولوژی‌ها و ابزارهایی ساخته شده، BuiltWith دقیقاً همون چیزیه که لازم داری. این ابزار آنلاین، با یک نگاه کامل به پشت پرده سایت‌ها، می‌تونه بهت بگه از چه سیستم‌های ساخت سایت، وب سرور، هاستینگ و فناوری‌های دیگه استفاده شده. کافیه آدرس سایت یا حتی فقط یه کلمه کلیدی رو وارد کنی، بقیه کارها رو خود BuiltWith انجام میده و کلی اطلاعات مفید در اختیارت می‌ذاره. از پیدا کردن ابزارهای آنالیزگر سئو سایت گرفته تا سیستم‌های تبلیغاتی، همه و همه رو می‌تونی اینجا پیدا کنی.
WhatCMS
اگه به دنبال اینی که بدونی یه سایت از چه سیستم مدیریت محتوایی (CMS) استفاده می‌کنه، WhatCMS گزینه ایده‌آلیه. این پلتفرم که کاملاً رایگانه، به طور تخصصی روی تشخیص CMS متمرکزه. فقط کافیه آدرس سایت رو وارد کنی تا WhatCMS سایت رو آنالیز کنه و بهت بگه که از وردپرس، جوملا، دروپال یا هر CMS دیگه‌ای استفاده شده. نکته جالب اینه که WhatCMS منبع بازه، یعنی با شفافیت کامل بهت کمک می‌کنه بفهمی که چه سیستمی پشت سایت موردنظرت قرار داره.
Sitechecker
این پلتفرم می‌تونه تجزیه و تحلیل دقیق از سازنده وب‌سایت، سئو، سرعت لود صفحات، امنیت سایت و کلی مسائل دیگه رو بهت ارائه بده. با این ابزار می‌تونی بفهمی کدوم کلمات کلیدی برای سایتت بهتر جواب میده و چه مشکلات امنیتی یا فنی ممکنه وجود داشته باشه. از همه بهتر، اینه که بهت نشون میده چطور می‌تونی سایتت رو بهینه‌تر کنی، مثلاً سرعت بارگذاری صفحات رو بهتر کنی یا مشکلات سئو رو رفع کنی تا سایتت توی نتایج گوگل بهتر دیده بشه.
WhoIsHostingThis
یه ابزار آنلاین فوق‌العاده است که خیلی راحت می‌تونه بهت بگه یه سایت با چه پلتفرمی ساخته شده. فقط کافیه URL سایتی که می‌خوای رو وارد کنی، بعدش بهت می‌گه که سایت با چه ابزاری ساخته شده، دامنه‌اش کجاست و حتی از چه افزونه‌ها و قالب‌هایی استفاده کرده. این ابزار بیشتر برای پیدا کردن میزبان سایت‌ها به درد می‌خوره.
Netcraft
هم یه ابزار قوی برای تحقیق تو فضای وبه. این ابزار بهت اطلاعات دقیقی از تکنولوژی‌ها و زیرساخت‌های یه وب‌سایت میده. مثلاً می‌تونی بفهمی که سایت از چه پلتفرم امنیتی‌ای استفاده می‌کنه. حتی راه‌حل‌های امنیتی وب هم بهت ارائه میده و با یه کلیک ساده، تمام اطلاعات سایت مورد نظر رو درباره سازنده‌اش بهت نشون میده.
افزونه‌های مرورگر برای تشخیص تکنولوژی سایت
یکی از روش‌های جالب برای فهمیدن چطور یه وب‌سایت ساخته شده و از چه فناوری‌هایی استفاده می‌کنه، اینه که از افزونه‌ها و اضافه‌کردنی‌های مرورگر استفاده کنیم. این روش یه مزیت بزرگ داره: دیگه نیازی نیست که آدرس وب‌سایت رو کپی کنیم یا از فیلترشکن استفاده کنیم تا به وب‌سایت‌های خدماتی برسیم. فقط کافیه به سایت مورد نظر برین و روی یکی از افزونه‌هایی که نصب کردید کلیک کنید تا ببینید چه فناوری‌هایی در اون وب‌سایت به کار رفته.
ولی باید به این نکته هم توجه کرد که این افزونه‌ها کار رو خیلی راحت‌تر می‌کنن، اما یه ایراد بزرگ دارن؛ این که فقط اطلاعات جزئی و کلی در مورد وب‌سایت به شما میدن. پس اگه دنبال اطلاعات دقیق و کاملی از زبان برنامه‌نویسی و فناوری‌های استفاده شده هستید، بهتره به وب‌سایت‌هایی که قبلاً اشاره کردیم سر بزنید و ازشون کمک بگیرید.
افزونه‌هایی مثل Wappalyzer و WhatRuns به راحتی روی مرورگرهایی مثل فایرفاکس و گوگل کروم نصب می‌شن و خیلی راحت با چند کلیک، می‌فهمی که یه وب‌سایت از چه تکنولوژی‌هایی استفاده کرده.
Wappalyzer
Wappalyzer یکی از افزونه‌های محبوب مرورگره که وقتی نصبش کنی، توی نوار ابزار مرورگرت بهت نشون میده که سایت مورد نظرت با چه تکنولوژی و ابزاری ساخته شده. از سازنده وب‌سایت گرفته تا افزونه‌هایی که استفاده کرده، همه رو بهت نشون میده.
WhatRuns
اگه می‌خوای دقیقاً بدونی یه سایت از چه چیزهایی برای اجرا شدن استفاده کرده، WhatRuns بهترین انتخابه. این افزونه همه چیز رو درباره تکنولوژی‌های به کار رفته توی سایت بهت می‌گه. فرقی نمی‌کنه سایت یه بلاگ شخصی باشه یا یه فروشگاه آنلاین بزرگ، با WhatRuns به راحتی می‌تونی پلتفرم‌ها، سازنده‌ها و حتی افزونه‌های مورد استفاده رو توی نوار ابزار مرورگر ببینی.
PageXray
این افزونه دقیقاً مثل یه دوربین ایکس‌ری برای وب‌سایت‌ها کار می‌کنه. وقتی فعالش می‌کنی، سایت رو اسکن می‌کنه و تمام چیزایی که مربوط به سایت هست رو بهت نشون میده. از سازنده وب‌سایت گرفته تا افزونه‌ها و تکنولوژی‌هایی که استفاده شده، همه‌چیز رو به‌صورت منظم و مرتب نمایش میده. این افزونه برای کسانی که می‌خوان بدونن یه سایت چطور ساخته شده یا از چه ابزارهایی برای توسعه استفاده کرده، فوق‌العاده مفیده.
Webspotter
افزونه Webspotter یه ابزار خیلی قدرتمند دیگه است که کمک می‌کنه تا بفهمی یه سایت چه فناوری‌هایی رو استفاده کرده. اما ویژگی منحصر به فرد این افزونه اینه که نه‌تنها اطلاعاتی درباره سازنده وب‌سایت و تکنولوژی‌های اون بهت میده، بلکه می‌تونه راه‌حل‌هایی برای جستجو و پیدا کردن سایر فناوری‌های موجود در سایت ارائه بده. جالب‌تر از اون، Webspotter حتی می‌تونه اطلاعات تماس مالک وب‌سایت رو پیدا کنه و بهت کمک کنه تا بفهمی آیا اون سایت از خدمات ایمیل مارکتینگ استفاده می‌کنه یا نه. این ویژگی برای افرادی که توی بازاریابی دیجیتال فعالیت می‌کنن، خیلی کاربردیه.
سورس کد سایت
یکی از راه‌های خوب برای فهمیدن اینکه یه وب‌سایت چطور ساخته شده، اینه که کد منبعش رو بخونی. اگه شما یه توسعه‌دهنده وب هستی یا حداقل با زبان‌های برنامه‌نویسی آشنایی داری، حتماً دیدن کد منبع برات راحت و سریع خواهد بود.
1- برای اینکه کد رو ببینی، می‌تونی از ترکیب کلیدهای CMD + Option + U روی مک استفاده کنی یا CTRL + U روی ویندوز. همچنین می‌تونی روی صفحه راست کلیک کنی و گزینه Inspect رو انتخاب کنی تا کد منبع رو ببینی. این کدها بهت نشون میدن که وب‌سایت با چه چیزهایی ساخته شده و چطور کار می‌کنه. برای مشاهده بهتر و دقیق‌تر، می‌توانید به تب‌های Console، Sources و Network بروید و گزینه‌های بیشتری را بررسی کنید. این کار به شما کمک می‌کند تا با عملکرد و قابلیت‌های مختلف صفحه آشنا شوید.
2- برید به نوار منو و در قسمت بالا سمت راست، گزینه «more tools» رو انتخاب کنید. بعدش هم روی «Developer Tools » کلیک کنید. با این کار به همون صفحه‌ای میرید که لازم دارید.
بعد از باز شدن پنجره سورس کد، به تگ <head> اون نگاهی بندازید. داخل این تگ معمولاً ردی از CMS استفاده‌شده برای راه‌اندازی سایت وجود داره. اگه با زبان‌های برنامه‌نویسی و انواع CMSها آشنا باشید، می‌تونید با دیدن کدهای موجود در این بخش به راحتی سیستم مدیریت محتوا یا همون CMS رو شناسایی کنید و حتی متوجه بشید که سایت با چه زبانی توسعه داده شده! برای مثال، CMSهایی مثل جوملا، وردپرس، مجنتو و دروپال بر پایه زبان PHP نوشته شدن، در حالی که CMSهای Share Point و Kentico با استفاده از زبان .NET ساخته شدن. این اطلاعات می‌تونه به شما کمک کنه تا درک بهتری از ساختار و فناوری‌های مورد استفاده در وب‌سایت‌های مختلف پیدا کنید. اگه فرق این سایتارو نمیدونی، پیشنهاد میکنم مقاله تفاوت وردپرس و کدنویسی رو مطالعه کنی.
خدمات طراحی سایت