یکی از فاکتورهای موثر در SEO این است که در صفحات سایت و به خصوص صفحات مطالب از تگ H1 برای بیان موضوع و عنوان مطلب استفاده کنیم. استفاده نکردن از تگ H1‌ یا چند مرتبه استفاده از تگ H1 و حتی استفاده از تگ H2 به عنوان بالاترین سطح و درشت‌ترین متن در صفحه، ایده‌آل نیست و بهترین روش این است که عنوان صفحه را در تگ H1 نیز استفاده کنیم.

در ادامه به بحث در مورد تفاوت عنوان صفحه و هدینگ ۱ یا تگ H1 در HTML می‌پردازیم و اصول طراحی بهینه‌ی صفحه از نظر عنوان و H1‌ را بررسی می‌کنیم.

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

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

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

هر یک از روش‌های مختلف مثل getElementById() یا getElementsByClassName() و غیره، مزایا و معایبی دارد و در نتیجه برای انتخاب عناصر DOM بهتر است اطلاعات مقدماتی داشته باشیم و از بهترین سلکتور استفاده کنیم. چیزی که موضوع اصلی این مقاله است. با ما باشید.

یکی از مشکلاتی که ممکن است در برخی فایل‌های Word و مشابه آن فایل‌های Google Docs تجربه کنید این است که با راست‌کلیک کردن روی عکس‌ها، گزینه‌ای برای ذخیره کردن عکس وجود ندارد! در حالت عادی اگر روی عکسی راست‌کلیک کنید، گزینه‌ی Save as Picture را مشاهده خواهید کرد اما همیشه این گزینه موجود نیست.

در این صورت برای ذخیره کردن تمام عکس‌های یک فایل ورد یا گوگل داکس، می‌توانید از سایر فرمت‌های سیو کردن فایل استفاده کنید. در ادامه ترفندی ساده برای استخراج تمام عکس‌های فایل ورد را بررسی می‌کنیم.

یکی از ویژگی‌های جالب طراحی وب به کمک JavaScript و HTML این است که می‌توانید بازی‌های ساده بنویسید! برنامه‌نویسی یک بازی ساده مثل بازی مار که نقاطی را می‌خورد و طولانی‌تر می‌شود، به زبان جاوااسکریپت چندان پیچیده نیست و می‌توان بازی‌های به مراتب پیچیده‌تر هم تهیه کرد و در صفحات وب‌سایت قرار داد.

در این مقاله با مراحل نوشتن یک بازی ساده به کمک جاوااسکریپت و مقداری HTML و CSS‌ در خدمت شما هستیم. با ما باشید تا طراحی وب را با مثال‌های جالب و واقعی یاد بگیریم.

یکی از مشکلاتی که وب‌مسترها و طراحان سایت‌های دانلود فیلم و موسیقی و حتی دانلود عکس و PDF دارند، این است که با قرار دادن لینک فایل‌ها در تگ <a>، زمانی که کاربر روی آن کلیک می‌کند، فایل به جای دانلود شدن توسط دانلودر مرورگر یا سایر نرم‌افزارهای مدیریت دانلود، مستقیماً باز می‌شود.

در حقیقت Chrome و Mozilla و بسیاری از مرورگرهای مدرن، می‌توانند فایل‌های MP3‌ و MP4 و PDF و همین‌طور عکس‌ها را باز کنند و طبعاً به جای دانلود کردن، فایل را باز می‌کنند. با تغییراتی در تگ a و همین‌طور htaccess می‌توان این مشکل را برطرف کرد که در این مقاله به آن می‌پردازیم.

یکی از راه‌های تغییر دادن ساختار صفحات سایت‌ها این است که از JavaScript در کنار HTML و CSS استفاده کنید تا المان‌های صفحه در شروع بارگذاری یا حین کلیک روی برخی لینک‌ها و دکمه‌ها و غیره، تغییرات ظاهری داشته باشند و در نتیجه صفحه‌ی وب از حالت استاتیک و ساده خارج شود و حالت پویاتری پیدا کند.

در این مقاله با ارتباط بین HTML و جاوااسکریپت و مقوله‌ی DOM آشنا می‌شویم و تعدادی از دستورات و روش‌های پرکاربرد برای پیدا کردن عناصر صفحه و پردازش‌ها و ویرایش‌های بعدی را مرور می‌کنیم. اگر به طراحی وب علاقه‌مند هستید و می‌خواهید حرفه‌ای‌تر از JavaScript استفاده کنید، ما را همراهی کنید.

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

برای کار با آرایه‌ها در جاوااسکریپت، ترفندها و روش‌های مختلفی وجود دارد که در این مقاله می‌خواهیم به ۱۰ مورد جالب و کاربردی اشاره کنیم که شاید برخی را ندیده باشید. با ما باشید.

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

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

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

یکی از انواع فایل که در استفاده از نرم‌افزارهای زیادی با آن روبرو می‌شویم، فایل‌هایی با پسوند xml است. XML‌ که مخفف Extensible Markup Language است، به زبان نشانه‌گذاری قابل‌توسعه گفته می‌شود و فایل‌هایی با پسوند xml، در حقیقت فایلی متنی هستند که در آنها به تناسب کاربری، از تگ‌های خاصی استفاده شده و حتی برنامه‌نویس می‌تواند تگ‌های خاص و جدیدی تعریف و استفاده کند.

XML کاربری بسیار گسترده‌ای دارد. به عنوان مثال ممکن است تنظیمات گرافیکی یک بازی در یک فایل XML ذخیره شود و همین‌طور تنظیمات قالب یک سایت وردپرسی، در چنین فایلی ذخیره شود. در ادامه به آشنایی بیشتر با فرمت XML و روش باز کردن آن در ویندوز می‌پردازیم.

یکی از روش‌های مخفی یا مرتب کردن متن و پاراگراف‌ها در صفحات سایت، استفاده از المان‌های بازشدنی است که یکی از انواع آنها، المان آکاردئونی است. با کلیک روی المانی مثل دکمه یا تب و یا آیکون + و آیکون فولدر، متن و عکس پنهان شده به شکل کادر یا شکل‌های دیگر باز و نمایان می‌شود.

در این مقاله می‌خواهیم چند افزونه برای نرم‌افزار مدیریت سایت WordPress معرفی کنیم که قرار دادن متن پنهان به صورت منوی بازشونده یا Accordion یا همان ساز معروف آکاردئون را ساده می‌کنند. با ما باشید.

یکی از راه‌های افزایش ترافیک و بازدید سایت این است که از روش‌های مختلف کاری کنید که گوگل سریع‌تر سایت را اندیس‌گذاری یا Index کند. اما متأسفانه اگر محتوا و سئوی سایتی خوب نباشد یا به دلایلی گوگل پنالتی برای آن در نظر بگیرد، صفحات ایندکس شده، از ایندکس خارج می‌شوند.

حل مشکل Deindex شدن صفحات سایت برای افزایش بازدیدکنندگان و بازگشت به شرایط سابق ضروری است و برای این کار باید به علت اصلی خروج از اندیس‌گذاری توجه کنیم. در ادامه به موضوع اندیس‌گذاری مطالب سایت‌ها و راه حل‌هایی برای مشکل deindex شدن برخی مطالب، اشاره خواهیم کرد. با سیاره‌ی آی‌تی همراه شوید تا SEO و ترافیک سایت خود را بهینه کنید.