سئو
- گوگل دکمهی خروج از نتایج AI رو اضافه کرد
گوگل به صاحبهای سایت اجازه میده از AI Overviews بیرون بزنن و قول میده رتبهی سرچ عادیشون آسیب نبینه؛ ولی این قول چقدر قابلاعتماده؟
۱۹ ساعت پیش۳ دقیقهosnews.com - چرا محتوای انسانی هنوز برندهست
مردم معمولاً نمیتونن تشخیص بدن یه تبلیغ یا متن کارِ هوش مصنوعیه یا آدم، ولی چند مطالعهٔ تازه نشون میدن همچنان به محتوای انسانی بهتر واکنش میدن و گوگل هم بیشتر سراغش میره.
۲۰ ساعت پیش۳ دقیقهcomputerworld.com - Specification.website؛ چکلیست هر سایت خوب
یه پروژهی متنباز اومده همهی ویژگیهای فنیای که هر سایت درستوحسابی باید داشته باشه رو توی ۱۲۸ موضوع و ده دسته جمع کرده، با ارجاع به استانداردهای رسمی وب.
۴ روز پیش۲ دقیقهspecification.website - textlens: تحلیل متن و خوانایی برای Node.js
textlens یه پکیج Node.js بدون هیچ وابستگی خارجیه که تحلیل متن، خوانایی، احساسات، کلیدواژه و SEO رو یکجا انجام میده.
۶ روز پیش۳ دقیقهgithub.com - گوگل بررسی llms.txt را به Lighthouse اضافه کرد
گوگل میگه llms.txt برای رتبهبندی در سرچ لازم نیست، ولی Lighthouse حالا چک میکنه این فایل روی سایتت هست یا نه.
۱ هفته پیش۳ دقیقهsearchengineland.com - سوندار پیچای درباره آینده سرچ گوگل و دنیای AI
مصاحبهای صمیمی با مدیرعامل گوگل درباره تغییرات بزرگ در سرچ، نگرانی مردم از AI، و اینکه آیا Google Zero واقعی شده.
۱ هفته پیش۳ دقیقهtheverge.com - SEO یه محصوله، AEO یه برنده
وقتی مدیرعامل اسم شرکتش رو توی ChatGPT سرچ میکنه و نتیجه خوبی نمیبینه، سریع تیم SEO رو مقصر میدونه — اما این اشتباهترین واکنش ممکنه.
۲ هفته پیش۳ دقیقهproductledseo.com - فریمر: ساخت و انتشار سایت بدون کدنویسی
فریمر ابزاری برای ساخت سایتهای حرفهای بدون نوشتن یک خط کده که تیمهای طراحی و مارکتینگ رو از وابستگی به توسعهدهندهها آزاد میکنه.
۳ هفته پیش۲ دقیقهframer.com - Infonomic UI Kit: کتابخانه کامپوننت بدون Tailwind
Infonomic UI Kit یه کیت رابط کاربری مبتنی بر CSS Modules هست که با هر فریمورک فرانتاندی از جمله React، Vue، Svelte و Astro کار میکنه. فلسفه اصلیش اینه که Tailwind CSS جای خوبی برای کامپوننتلایبرریها نیست و باید CSS ساختارمند و قابلاوورراید جایگزینش بشه. این کیت با CSS Cascade Layers کار میکنه تا استایلها بهراحتی توسط اپلیکیشن مصرفکننده اوورراید بشن. سیستم توکن طراحیشدهای داره که بر اساس intent و emphasis تعریف شده و با مفاهیمی مثل primary، danger، warning و غیره کار میکنه.
۴ هفته پیشgithub.com - llms.txt چیه و چرا سایتت بهش نیاز داره؟
همونطور که یه دهه پیش باید روی گوگل دیده میشدی، حالا باید برای هوش مصنوعی خوانا باشی. llms.txt دقیقاً همین کار رو میکنه.
۴ هفته پیش۲ دقیقهhillms.com - تازههای پلتفرم وب: فیچرهایی که باید بشناسی
پلتفرم وب این روزا با فیچرهای جدید و جالبی بهروز شده که ارزش داره بهشون نگاه کنی. از تابع CSS جدید contrast-color() برای انتخاب خودکار رنگ با کنتراست مناسب گرفته تا Math.sumPrecise() جاوااسکریپت که جمع اعداد رو بدون افت دقت انجام میده. همچنین فیچرهایی مثل Custom Highlights برای استایلدهی به رنجهای متنی بدون نیاز به عنصر اضافه، و Iterator.concat() برای زنجیر کردن iteratorها در دسترس همه مرورگرها قرار گرفتن. در کنار اینا، یه سری فیچر قدیمیتر هم به مرحله «در دسترس گسترده» رسیدن که پشتیبانی کام
۵ هفته پیشweb-platform-dx.github.io - وب باز در خطر است؟ W3C دنبال راهحل میگرده
در نشست اخیر کمیته مشورتی W3C، یه جلسه فرعی درباره تهدیدات وب باز برگزار شد. کراولرهای مدلهای زبانی بزرگ (LLM) حجم ترافیکی شبیه به حملات DDOS روی سایتها ایجاد میکنن و از طرف دیگه، محتوا بهجای مراجعه مستقیم کاربر، از طریق هوش مصنوعی مصرف میشه که درآمد ناشران رو تهدید میکنه. شرکتکنندگان پیشنهادهایی مثل استانداردهای پرداخت و انتساب، مدل push برای محتوا، و درگیرکردن شرکتهای هوش مصنوعی در فرآیندهای استانداردسازی W3C مطرح کردن. همه با این تحلیل موافق نبودن و برخی معتقدند عوامل هوش مصنوعی میتو
۵ هفته پیشhidde.blog - @vtbag: جعبهابزار کامل View Transition API
@vtbag یه مجموعهی جامع از ابزارها، نکات و ترفندهاست که کار با View Transition API مرورگر رو راحتتر و حرفهایتر میکنه. برخلاف astro-vtbot که مخصوص پروژههای Astro بود، این پکیج کاملاً فریمورکآگنوستیک طراحی شده. ابزارهایی مثل Inspection Chamber برای دیباگ تعاملی، Turn Signal برای تفکیک انیمیشنهای رفت و برگشت، و Element Crossing برای انتقال state بین صفحات از مهمترین امکانات این مجموعهان. هدف اصلی @vtbag اینه که توسعهدهندهها بتونن بدون نیاز به روتر سمت کلاینت، انتقالهای بین صفحات رو صرف
۵ هفته پیشvtbag.dev - Bagisto Next.js Commerce: فروشگاه هدلس با امتیاز ۱۰۰
Bagisto Next.js Commerce یه فریمورک اپنسورس برای ساخت فروشگاههای آنلاین هدلسه که روی Next.js سوار شده و از GraphQL API بگیستو تغذیه میکنه. این پروژه با استفاده از لایهبندی کشینگ و ISR، امتیاز ۱۰۰ از ۱۰۰ در Core Web Vitals رو به صورت مداوم حفظ میکنه. پشتیبانی از انواع محصول، چرخه خرید کامل، احراز هویت با NextAuth.js و بهینهسازی SEO از جمله قابلیتهای اصلیشه. استقرار روی Vercel یا Netlify با یه دستور ممکنه و پروژه تحت لایسنس MIT کاملاً رایگانه.
۵ هفته پیشgithub.com - اعتبارسنجی فرمها با سلکتور n of در CSS
سلکتور n of در CSS به ما اجازه میده تعداد المانهایی که یه شرط مشخص رو دارن بشماریم. با ترکیب این قابلیت با pseudo-classهایی مثل :checked و :not(:placeholder-shown)، میشه یه اعتبارسنجی اولیه برای فرمها پیاده کرد؛ مثلاً دکمه ارسال رو فقط وقتی فعال کرد که کاربر حداقل سه فیلد رو پر کرده باشه. این تکنیک کاملاً خالص CSS هست و نیازی به جاوااسکریپت نداره. البته یه باگ احتمالی در مرورگرهای WebKit (تا آوریل ۲۰۲۶) وجود داره که ممکنه نتایج متفاوتی بده.
۵ هفته پیشfrontendmasters.com - گوگل نظرات ردیت رو «توصیه متخصص» مینامه!
گوگل داره نتایج جستجوی هوش مصنوعیش رو بهروز میکنه و یه بخش جدید بهش اضافه میکنه که دیدگاههای عمومی از پلتفرمهایی مثل ردیت و فرومهای آنلاین رو نشون میده. جالب اینه که این بخش گاهی با برچسب «توصیه متخصص» (Expert Advice) نمایش داده میشه. علاوه بر این، قابلیتهای دیگهای مثل پیشنمایش لینکها، بخش «کاوش بیشتر» و برچسب «مشترک» برای سایتهای خبری هم داره اضافه میشه. هدف کلی گوگل اینه که کاربرها راحتتر به منابع و سازندگان محتوا دسترسی داشته باشن.
۵ هفته پیشmacrumors.com - Oh Dear: ابزار جامع مانیتورینگ وبسایت
Oh Dear یه سرویس مانیتورینگ جامع برای وبسایتهاست که از آپتایم گرفته تا SSL، لینکهای شکسته، پرفورمنس، DNS، دامنه، و حتی کرونجابها رو زیر نظر میگیره. وقتی مشکلی پیش میاد، از طریق ایمیل، SMS، Slack، Discord، PagerDuty و دهها کانال دیگه بهت خبر میده. این سرویس به تیمهای فنی، توسعهدهندهها و مارکترها کمک میکنه که قبل از کاربر از مشکلات سایتشون باخبر بشن.
- docmd: داکیومنتنویسی با یه دستور
docmd یه ابزار اپنسورس و بدون نیاز به کانفیگ هست که فایلهای Markdown رو به یه سایت داکیومنتیشن حرفهای تبدیل میکنه. بدون React، بدون فریمورک، و فقط با یه دستور میشه یه سایت آماده برای پروداکشن ساخت. حجم JS اون زیر ۲۰ کیلوبایته، Lighthouse 100 میگیره، و جستجوی آفلاین هم داره. برای مقیاسهای مختلف — از پروژههای اپنسورس تا ویکیهای داخلی شرکتها — مناسبه.
- کامپوزیتینگ و بلند مود در CSS: مرورگر چطور پیکسلها رو ترکیب میکنه؟
مرورگر برای نمایش هر صفحهی وب، صدها لایه رو روی هم میذاره و میلیونها بار تصمیم میگیره هر پیکسل چه رنگی داشته باشه. این فرایند «کامپوزیتینگ» نام داره و بلند مودها بخش مهمی از اون هستن. در این مقاله یاد میگیریم کامپوزیتینگ دقیقاً چیه، اپراتورهای Porter-Duff چه نقشی دارن، و چطور میشه از بلند مودها در CSS برای ساخت افکتهای جذاب استفاده کرد.
۶ هفته پیشnik.digital - پایان عصر تصاویر ریسپانسیو
مت مارکیس، رئیس سابق گروه استانداردسازی تصاویر ریسپانسیو (RICG)، بعد از ۱۴ سال اعتراف میکنه که خودش هم از سینتکس srcset و sizes متنفر بوده. او که سالها پرچمدار این استانداردها بود، حالا از یه قابلیت جدید در وب میگه که میتونه این کابوس قدیمی رو برای همیشه تموم کنه. تصاویر ریسپانسیو به عنوان یه مفهوم عالی بودن، ولی پیادهسازیشون برای توسعهدهندهها همیشه دردسرساز بوده. حالا وقتشه که یه صفحه جدید ورق بخوره.
۶ هفته پیشpiccalil.li
