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