سیاره‌ی آی‌تی

با IT-Planet دنیای آی‌تی را بهتر بشناسید

HTML

آموزش ایجاد نقشه سایت برای نمایش مطالب سایت در گوگل با افزونه Yoast

برای قرار گرفتن هر چه سریع‌تر صفحات سایت در نتایج سرچ گوگل، می‌بایست فایل نقشه‌ سایت با فرمت XML را در ابزارهای Google Webmasters ثبت کنید. علاوه بر این باید به بخش head صفحات و فایل robots.txt توجه کنید که مبادا ایندکس کردن برخی صفحات یا تمام صفحات را مسدود کرده باشند.

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

در این مقاله به روش ثبت سایت در گوگل وبمسترز و تنظیمات افزونه‌ی معروف سئوی Yoast برای ایجاد Sitemap و همین‌طور تأیید مالکیت سایت در Google Webmasters می‌پردازیم.

چگونه در ایلوستریتور چند Artboard را با فرمت‌های مختلف PNG‌ و SVG و PDF و JPG رزولوشن بالا ذخیره کنیم؟

نرم‌افزار Adobe Illustrator به صورت پیش‌فرض فایل‌ها را با فرمت AI ذخیره می‌کند. این فرمت برای ویرایش فایل در ایلوستریتور مناسب است اما برای استفاده از فایل در دیگر نرم‌افزارها و به اشتراک گذاری طراحی‌ها، بهتر است از فرمت‌های دیگر مثل PNG و JPG یا SVG و PDF استفاده شود.

در ادامه به فرمت‌های خروجی که در نرم‌افزار ادوبی ایلوستریتور قابل استفاده است می‌پردازیم.

استفاده از Artboard در ذخیره کردن فایل‌های illustrator

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

آیا استفاده از H1‌ روی سئو موثر است؟ بررسی ارتباط موضوع و عنوان صفحه با تگ H1

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

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

تفاوت بین عنوان صفحه و H1 چیست؟

هدینگ یا تیتر سطح ۱ یا به اختصار H1، یکی از تگ‌های HTML است که قبل از دوران پیدایش CSS برای نوشتن درشت‌ترین متن در صفحات وب استفاده می‌شد. پس از ابداع CSS و مقوله‌ای به اسم کلاس، طراح وب می‌تواند برای هر یک از هدینگ‌های سطح ۱ در صفحه، کلاسی در نظر بگیرد و در تعریف کلاس، اندازه‌ی متن یا font-size را کوچک یا بسیار بزرگ فرض کند و حتی می‌تواند متنی با کلاس خاص را از دید بازدیدکننده مخفی کند!

طراحی جعبه جستجو یا Search Box‌ سایت‌ها با ۸ طرح جالب و پویا

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

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

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

آشنایی با سلکتورهای جاوااسکریپت برای پیدا کردن عناصر HTML

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

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

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

بهترین مقالات اخیر

دانش‌نامه

گوگل و اندروید

اپل، macOS و iOS

ویندوز

دنیای فناوری

دانش‌نامه

آخرین مطالب سلامت زیستی