شبکه اجتماعی طراحان وب ایران

همهٔ درس‌ها

سئو مقدماتی برای وب

متا تگ‌ها، ساختار سند، سرعت و محتوا برای موتورهای جستجو.

پیش‌نیاز: طراحی ریسپانسیو

سئو (SEO) چیست؟

بهینه‌سازی موتور جستجو یعنی طوری صفحه و محتوا را بسازی که موتورهای جستجو (مثل گوگل) آن را بفهمند و در نتایج جستجو برای عبارت‌های مرتبط نشان دهند. سئو ترکیبی از جنبه‌های فنی، محتوا و اعتماد است.

متا تگ‌های پایه

در <head> هر صفحه این موارد را حتماً داشته باش:

  • title — عنوان صفحه؛ کوتاه، واضح و حاوی کلمهٔ کلیدی. هر صفحه عنوان یکتا داشته باشد.
  • meta description — توضیح کوتاه (حدود ۱۵۰–۱۶۰ کاراکتر) که در نتایج جستجو زیر عنوان نمایش داده می‌شود.
  • meta charset="UTF-8" — برای نمایش درست فارسی و علائم.
  • viewport — برای نمایش درست روی موبایل.
<title>آموزش طراحی وب — مبانی HTML و CSS</title>
<meta name="description" content="یاد بگیرید طراحی وب را از صفر با HTML و CSS. رایگان و به زبان فارسی.">

ساختار و معناسازی

از تگ‌های معنادار HTML استفاده کن: یک <h1> در هر صفحه، سپس h2، h3 به‌ترتیب. با <header>، <main>، <article>، <footer> ساختار را مشخص کن تا خزندهٔ گوگل موضوع صفحه را بهتر بفهمد.

سرعت و تجربهٔ کاربری

صفحات سبک و سریع برای سئو و کاربر بهترند: تصاویر را بهینه کن (فرمت مناسب، اندازه)، از بارگذاری تنبل (lazy load) استفاده کن و در صورت امکان از CDN و کش بهره ببر. موتورهای جستجو به Core Web Vitals و رفتار کاربر توجه می‌کنند.

محتوای مفید

محتوا باید برای انسان نوشته شود و به سوال جستجوگر پاسخ دهد. عبارت‌های کلیدی را به‌صورت طبیعی در عنوان، پاراگراف اول و زیرعنوان‌ها بیاور؛ از تکرار مصنوعی (keyword stuffing) پرهیز کن. لینک‌های داخلی به صفحات مرتبط و لینک‌های باکیفیت بیرونی هم به سئو کمک می‌کنند.

جمع‌بندی: عنوان و توضیح متا، ساختار معنادار، سرعت بارگذاری و محتوای مفید پایهٔ سئو برای طراحی وب هستند.

لینک کپی شد!