طراح سایت وظیفه طراحی رابط کاربری سایت را برعهده دارد به گونه ای که برای انتقال اطلاعات سایت مناسب بوده و شامل محتوایی متناسب با اصول و استانداردهای سئو باشد. طراح سایت می بایست از فونت های مناسب برای سایت استفاده کند تا به خوانایی سایت لطمه وارد نشود. همچنین او می بایست صفحات را به گونه ای طراحی کرده که سرعت بارگذاری آن بالا بوده و بانس ریت کمی از طرف کاربر دریافت کند.
سی اس اس ها و جداول
شاید این مورد نیاز به بیان نداشته باشد، اما وبسایت ها بهتر است به جای ساختار جدولی از CSS استفاده کنند. این کار موجب بهبود نمایش اجزای سایت می گردد. به عنوان مثال قرار دادن یک سایدبار بلند در انتهای صفحه نسبت به قرار دادن آن در بالای صفحه و در کنار محتوای اصلی، بهتر خواهد بود. این کار با استفاده از CSS قابل اجراست.
استفاده از تگ های H و دیگر استایل ها
تگ های H و Stong را به قسمت های مستقل سایت که در دیگر صفحات تکرار نمی شوند، اختصاص دهید. به عبارت دیگر از این تگ ها در عنوان سایدبارها، فوترها یا هر جز دیگری که به شکل تکراری در صفحات مختلف وجود دارند استفاده نکنید. در عوض، عناوین هر صفحه را که مرتبط با آن است را در تگ های هدینگ قرار دهید.
فونت ها
تا آنجا که امکان دارد از فونت های سیستمی استفاده کنید. برای تغییر فونت نیز می توانید از دستور @Font-Face کرده تا فونت جایگزینی را در سیستم کاربران بارگذاری کنید. در اولویت آخر نیز می توانید کلمات را به صورت عکس نمایش داده و متن آنها را کلمه به کلمه در تگ Alt قرار دهید.
تصاویر
برای تصاویری که تک رنگ می باشند می توانید از پس زمینه های CSS به عنوان جایگزین استفاده نمایید. اما برای تصاویری که در داخل متن قرار داشته و جزیی از محتوا محسوب می شوند، از تگ Img استفاده کنید. برای لوگوها نیز به جای نوشته از تصاویر استفاده نمایید. تمام تگ های Img نیز می بایست داری تگ Alt باشند.
سرعت سایت
بارگذاری یک وب سایت مشخص با یک اینترنت ده مگابیتی نبایست بیشتر از 3 ثانیه به طول بینجامد. در حالت کلی، برنامه نویس فرانت اند سایت مسئول سریع یا کند بودن سایت نیست، اما می تواند نقشی در آن داشته باشد. او می تواند با مجتمع کردن فایل های CSS و جاوا اسکریپت در یک فایل و به تاخیر انداختن بارگذاری آن در انتهای صفحه، نقشی هر چند کوچک در بهینه سازی سرعت سایت داشته باشد. همچنین او می تواند با بهینه سازی و کم کردن دیگر قسمت های وب سایت روند بارگذاری سایت را کمی بهبود ببخشد.
افزایش خوانایی محتوا
موتورهای جستجو در خواندن محتوایی که در قالب اسکریپت ها هستند یا به صورت دینامک بارگذاری می شوند (مانند آژاکس) دچار مشکل می شوند. هر محتوایی که در بارگذاری ابتدایی سایت نمایش داده می شود، احتمالا از دید موتورهای جستجو مخفی می مانند. از بارگذاری محتوای سایت به صورت دینامیک هم خودداری کنید، مگر اینکه در قسمت دیگری از سایت نوشته شده باشد.