웹사이트 제작과 디지털 마케팅에 관한 이야기
팝업 하나 띄우려고 무거운 자바스크립트 라이브러리를 설치하던 시대가 저물고 있습니다. 브라우저에 기본 내장된 dialog 태그로 가볍고 안전한 팝업을 만드는 원리와, 작은 회사 웹사이트에 주는 실질적 이득을 정리했습니다.
같은 홈페이지 공식이 모든 업종에 통하지는 않습니다. 고객이 결정 직전에 확인하는 정보는 업종마다 다르며, 그 정보를 첫 화면에 두었는지가 문의 수를 가릅니다.
작은 회사 웹사이트를 찾는 손님 열에 일곱은 휴대폰으로 들어옵니다. PC 화면만 보고 만든 사이트가 모바일에서 어떻게 손님을 놓치는지, 다섯 가지 원칙으로 짚어 봅니다.
반응형의 기준을 '화면'이 아니라 '부모 영역'으로 옮기는 CSS 컨테이너 쿼리. 같은 컴포넌트를 어디에 놓아도 알아서 모양을 바꾸는 원리와, 작은 회사 웹사이트에 주는 실질적 이득을 정리했습니다.
주소창의 '주의 요함' 경고 하나가 멀쩡한 가게를 사기 사이트처럼 보이게 만든다. 작은 회사가 무료 인증서로 HTTPS를 제대로 갖추는 5가지 실무 원칙을 정리했다.
링크를 공유하면 카카오톡과 인스타에는 자동으로 뜨는 제목과 사진이 있습니다. 이 미리보기를 결정하는 오픈그래프 태그를 작은 회사가 제대로 챙기는 5가지 원칙을 정리했습니다.
채널을 늘릴수록 무엇이 효과 있는지는 오히려 더 흐릿해집니다. 거창한 분석 도구 대신, 작은 회사가 '되는 것'과 '헛돈 쓰는 것'을 숫자로 구분하는 다섯 가지 실전 원칙을 정리했습니다.
자식 요소의 상태에 따라 부모의 모습을 바꾸는 일은 오랫동안 자바스크립트의 몫이었습니다. CSS :has() 선택자는 이제 그 일을 스타일 한 줄로 대신합니다.
전화는 받기 부담스럽고 문의 폼은 답이 느린 사이에 손님은 조용히 떠납니다. 작은 회사가 카카오톡 채널을 손님과 늘 연결된 대화 창구이자 단골 발송 채널로 키우는 5가지 원칙을 정리했습니다.