شروع گفتگو

درباره

استثنائی اسم من است، نه ادعای من.

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

امین استثنائی

01داستان

چطور به اینجا رسیدم.

[از کجا شروع شد: اولین سایتی که ساختید، چه سالی و برای چه کسی.]

[لحظه‌ای که سئو وارد کارتان شد: پروژه‌ای که دیده نمی‌شد و چیزی که از آن آموختید.]

[امروز: برای چه کسب‌وکارهایی کار می‌کنید و چه چیزی هنوز در این کار هیجان‌زده‌تان می‌کند.]

02فلسفه‌ی کار

چرا طراحی و سئو را جدا نمی‌فروشم.

چون مشتری شما این دو را جدا تجربه نمی‌کند: همان کسی که در گوگل جست‌وجو می‌کند، چند ثانیه بعد روی صفحه‌ی شما تصمیم می‌گیرد.

  1. زیبایی‌ای که دیده نشود، کار نکرده است.

    طراحی را از ساختار شروع می‌کنم، نه از رنگ: اول اینکه بازدیدکننده و موتور جست‌وجو چه چیزی را و به چه ترتیبی باید ببینند، بعد اینکه آن چیز چطور دیده شود.

  2. ترافیکی که قانع نشود، فقط یک عدد است.

    سئو برای من با کلمه‌ی کلیدی تمام نمی‌شود. تا جایی ادامه دارد که جست‌وجوگر روی دکمه‌ی درست کلیک کند.

  3. چیزی که اندازه گرفته نشود، ادعاست.

    سرعت، رتبه و نرخ تبدیل؛ هر تصمیم عددی دارد که قبل و بعدش را نشان می‌دهد. همین سایت هم وزن و سرعت خودش را روی صفحه چاپ می‌کند.

03مهارت‌ها

پنج لایه‌ی یک سایت؛ سئو در چهارتایشان است.

برای همین نمی‌شود سئو را بعد از طراحی «اضافه» کرد. هر ردیف یک لایه است و دو ستون آخر نشان می‌دهند به کدام کار مربوط است.

لایه مهارت‌ها طراحی سئو
هویت و ظاهر
  • طراحی رابط
  • تایپوگرافی
  • رنگ و فرم
  • حرکت
بله خیر
تجربه و مسیر
  • معماری اطلاعات
  • مسیر کاربر
  • فرم و تبدیل
  • دسترس‌پذیری
بله بله
محتوا و معنا
  • تحقیق کلمات کلیدی
  • نیت جست‌وجو
  • ساختار سرفصل‌ها
  • نقشه‌ی محتوا
بله بله
ساختار و کد
  • HTML معنایی
  • CSS و جاوااسکریپت
  • وردپرس
  • داده‌ی ساختاریافته
بله بله
سرعت و زیرساخت
  • Core Web Vitals
  • بهینه‌سازی تصویر و فونت
  • خزش و ایندکس
  • کش و CDN
بله بله

04مسیر

تا امروز.

  1. [سال]

    [شروع: اولین پروژه‌ها]

    [یک جمله درباره‌ی آن دوره]

  2. [سال]

    [ورود به سئو]

    [یک جمله درباره‌ی آن دوره]

  3. [سال]

    [نقطه‌ی عطف: یک پروژه یا همکاری مهم]

    [یک جمله درباره‌ی آن دوره]

  4. [امروز]

    [طراحی و سئو، با هم]

    [یک جمله درباره‌ی امروز]

05ابزارها و گواهینامه‌ها

با چه کار می‌کنم.

ابزارها

  • Google Search Console
  • Google Analytics 4
  • PageSpeed Insights
  • Chrome DevTools
  • Screaming Frog
  • Schema Markup Validator

گواهینامه‌ها

  • [نام گواهینامه، صادرکننده، سال]
  • [نام گواهینامه، صادرکننده، سال]

06پشت صحنه

همین سایت چطور ساخته شده است.

سایت یک طراح و متخصص سئو، اولین نمونه‌کار اوست. این جزئیاتش است.

لوگو
از خود حروف Estedad ساخته شده است. سه نقطه‌ی «ث» در استثنائی همان نشانه‌اند و نقطه‌ی بالایی شنگرفی است؛ رنگی که کاتبان برای برجسته کردن مهم‌ترین نشانه‌ی صفحه به کار می‌بردند. در خوشنویسی، اندازه‌ی حروف با همین نقطه‌ی لوزی سنجیده می‌شود.
حروف
Estedad برای همه‌ی متن‌های فارسی و JetBrains Mono برای لایه‌ی فنی و اعداد مهندسی؛ هر دو با مجوز آزاد SIL OFL، کوچک‌شده به حروفی که سایت واقعاً لازم دارد و میزبانی‌شده روی همین سایت.
رنگ
کاغذ، مرکب و شنگرف. شنگرف جیره‌بندی شده است: در هر نما، فقط یک چیز.
کد
HTML، CSS و جاوااسکریپت، بدون فریم‌ورک و بدون کتابخانه. هر صفحه بدون جاوااسکریپت هم کامل است؛ اسکریپت فقط حرکت و جزئیات را اضافه می‌کند.
کنترل کیفیت
هر بار که سایت ساخته می‌شود، خودش را می‌سنجد: یک h1 در هر صفحه، متن جایگزین و ابعاد برای هر تصویر، داده‌ی ساختاریافته‌ی معتبر، لینک‌های داخلی سالم و نیم‌فاصله‌های درست.
حریم خصوصی
بدون کوکی ردیابی و بدون آنالیتیکس یا فونت شخص ثالث؛ مرورگر شما جز همین دامنه به جای دیگری درخواست نمی‌فرستد.

نمونه‌کارها