웹사이트 제작과 디지털 마케팅에 관한 이야기
후기 한 줄은 사장님의 광고 100자보다 강하다. 그런데 후기는 저절로 모이지 않고, 모았다 해도 어디에 어떻게 두느냐에 따라 매출이 갈린다. 작은 회사가 후기를 자산으로 바꾸는 방법을 정리했다.
새 글을 올려도 한 달이 지나도록 검색에 잡히지 않는 사이트의 절반은 두 파일이 빠져 있다. robots.txt와 sitemap.xml만 정리해도 신규 페이지의 색인 속도가 눈에 띄게 빨라진다.
스피너만 빙글빙글 도는 화면은 사이트가 멈춰 있다는 신호로 읽힌다. 로딩 속도를 더 줄이지 못해도, 인지된 대기 시간은 디자인으로 절반 가까이 줄일 수 있다.
CSS는 오랫동안 자식의 상태로 부모의 모양을 바꾸지 못했다. 그 한 칸 차이를 메우기 위해 우리는 자바스크립트를 얹어 왔다. :has()는 그 마지막 경계를 지운다.
웹사이트가 무거운 이유의 절반 이상은 이미지다. 포맷·크기·로딩 우선순위만 제대로 잡아도 첫 화면이 눈에 띄게 빨라진다. 사장님이 챙겨야 할 이미지 최적화의 다섯 가지 원칙을 정리했다.
도메인 비밀번호, 분석 계정 Owner, 결제 관리자… 한 사람이 빠지면 사이트 전체가 잠기는 작은 회사가 적지 않다. 사고가 터지기 전에 사장님이 미리 정리해두어야 할 다섯 가지를 짚어본다.
ChatGPT와 구글의 AI 검색이 답을 먼저 보여주는 시대, 우리 사이트가 그 답변 안에 인용되려면 무엇이 달라져야 할까. 작은 비즈니스도 오늘부터 적용할 수 있는 5가지 실전 원칙을 정리했다.
메뉴를 누를 때마다 화면이 흰색으로 깜빡이는 사이트는 가격이 같아도 싸 보인다. 표준 웹 기술 View Transitions API가 이 첫인상을 단 몇 줄의 CSS로 영상처럼 이어 붙인다.
검색 결과가 없거나 장바구니가 비었을 때, 고객이 마주하는 흰 화면 한 장에서 이탈이 일어난다. 빈 상태(Empty State)를 다음 행동으로 이어지는 화면으로 바꾸는 다섯 가지 원칙을 정리했다.