웹·SEO
글 (8건)
Article 구조화 데이터로 저자·발행일·이미지 마크업하기
게시구글 공식 문서 기준 Article 구조화 데이터에는 필수 속성이 없다. JSON-LD로 headline·author·datePublished·image를 채우고 리치 결과 테스트로 검증하는 방법을 개발자 눈높이로 정리했다.
에이전트가 읽는 Meta 디자인 시스템, Astryx
게시Astryx는 Meta가 공개한 React·StyleX 기반 오픈소스 디자인 시스템이다. 공식 README 기준 사내 8년·1만3천여 앱에서 쓰인 컴포넌트와 테마, CLI를 MIT 라이선스로 개방했다. 구성과 설치 방법을 정리했다.
코어 웹 바이탈 LCP·INP·CLS 기준과 개선법
게시코어 웹 바이탈은 로딩(LCP)·반응(INP)·안정성(CLS)을 재는 구글의 웹 성능 지표다. 실사용자 데이터로 병목을 찾아 이미지 우선 로딩, 자바스크립트 작업 분할, 레이아웃 자리 예약으로 지표별 개선하는 방법을 정리했다.
하나의 Clarity Project ID로 Android·iOS 통합 분석
게시마이크로소프트 Clarity는 SDK 초기화 때 같은 ID를 넣으면 Android와 iOS 앱을 Project ID 하나로 함께 수집한다. 설정 순서와 통합·분리 판단 기준, 마스킹 점검까지 정리했다.
세션 녹화·히트맵을 무료로, Microsoft Clarity 시작
게시Microsoft Clarity는 마이크로소프트가 무료로 제공하는 웹 행동 분석 도구다. 히트맵과 세션 녹화로 방문자의 실제 클릭과 스크롤을 보여주며, 추적 코드 한 줄만 넣으면 데이터가 쌓인다.
웹마스터 도구란? 색인과 크롤링을 점검하는 콘솔
게시웹마스터 도구는 검색엔진이 사이트를 어떻게 크롤링하고 색인하는지 보여주는 무료 콘솔로, 소유권 확인과 사이트맵 제출, 색인 오류 점검, 검색 유입 분석에 쓴다.
ROAS란? 계산 공식과 데이터를 어디서 가져오나
게시ROAS는 광고비 대비 매출 비율이다. 개발자는 결제 시점에 정확한 매출 값을 전환 이벤트로 실어 보내 이 지표를 만든다. 이벤트 시점, 금액 기준, 중복 제거를 어떻게 다뤄야 하는지 실무 관점에서 정리했다.
JSON-LD란? 구조화 데이터로 리치결과 얻기
게시JSON-LD는 웹페이지 정보를 검색엔진이 읽도록 JSON으로 정리하는 구조화 데이터 방식이다. HTML에 별도 블록으로 넣고 Schema.org 타입을 따르며, 리치 결과 노출 가능성과 적용 시 주의점을 함께 정리했다.