#前端 #优质博文 #SEO
Writing JSON-LD structured data: A beginners guide for SEOs

AI 摘要：这篇文章介绍了 SEO 使用 JSON-LD 结构化数据的基础知识，帮助 SEO 新手理解如何在网页中嵌入 JSON-LD。文章详细说明了 JSON-LD 的基本组成、语法规则，以及如何使用对象和数组来定义复杂的数据。例如，通过 openingHoursSpecification 属性可以定义多个营业时间，将不同时间段对象放入数组中。作者还推荐了两种生成 JSON-LD 的方式：在线生成工具和手动编写。最后，文章提供了验证和排错方法，如使用 Google Rich Results Test 和 Schema.org 验证器来检查语法和属性错误，帮助确保结构化数据正确显示于搜索结果中。

via Scarlett Pirie

SALT.agency®

A beginners guide to JSON-LD Schema for SEOs

Structured data is a way of providing information about the contents of a webpage. This guide is designed to help SEOs better understand JSON-LD syntax.

#碎碎念 在看 google 的 SEO 这段笑死我了 https://developers.google.com/search/docs/fundamentals/do-i-need-seo?hl=zh-cn#helpful-guidelines

#优质博文 #前端 #nextjs
NextJS 到底好在哪？NextJS + Supabase，一起来感受一下

AI 摘要：这篇文章通过一个案例详细展示了 Next.js 在全栈开发中的应用，着重分析了其核心特性和优势。通过与 Supabase 的结合，作者实现了点赞按钮的功能，比较了纯客户端和 Next.js 的 React Server Component (RSC) 方案。文章指出，RSC 能有效减少初始加载时间，提高用户体验，并通过服务端渲染减少客户端包体积。

文章进一步阐述了 Next.js 在开发中的优势：它消除了许多副作用带来的代码复杂性，简化了逻辑，提升了代码可读性与执行效率。同时，Next.js 独特的服务端与客户端逻辑分离提高了页面首屏加载速度。尽管 Next.js 存在一定的学习门槛，尤其在解耦服务端和客户端逻辑上需要一定的开发经验，但作者认为它在开发体验与用户体验上的平衡，使其具备引领前端开发的潜力。

via 微信公众号 这波能反杀

Weixin Official Accounts Platform

NextJS 到底好在哪？NextJS + Supabase，一起来感受一下

#前端 #优质博文 #css #容器查询
A Friendly Introduction to Container Queries

AI 摘要：本文深入介绍了 CSS 容器查询的概念及其应用。容器查询允许开发者基于元素的容器尺寸而非视口大小来应用 CSS 样式，这在响应式设计中尤为有用。例如， ProfileCard 组件可以根据容器宽度自动调整布局。容器查询的实现曾被认为是“不可能的”，因为其条件依赖容器尺寸的变化，容易导致无限循环的问题。CSS 工作组通过 Containment API 解决了这一难题，为实现更灵活的响应式布局提供了可能。

via Josh W Comeau

Joshwcomeau

A Friendly Introduction to Container Queries • Josh W. Comeau

It’s been a couple of years since container queries started landing in browsers… so why isn’t anyone using them? It turns out that container queries are kinda tricky; they’re not as straightforward as media queries. In this tutorial, we’ll break it all down…

#碎碎念
某绿色小鸟你这样真的很吓人.webp