H1~6 대신 Large~XL 로 하는게 좋은점 이 있을까요?
검색 엔진 최적화 때문에 H 태그를 적극 사용하고 있는데
강의에선 XL 등의 변수로 사용하셔서 H 태그로 사용하지 않아도 되는지 궁금합니다
답변 1
0
안녕하세요 lsj593님 😀
SEO 관점에서 Heading 태그는 굉장히 중요합니다.
heading 폰트의 크기를 1~6까지 정의하면 훨씬 더 DX(Developer Experience)가 올라가는건 맞습니다.
heading 태그의 1~6번은 크기를 나타내는 의미가 아닌, 중요도를 나타내는 의미로 웹에서 사용되기 때문에 크기를 나타내는 변수의 네이밍으로 사용하는건 바람직 하지 않을것으로 보고 xl의 네이밍을 사용했습니다.
(각 페이지마자의 h1의 크기는 다를 것이며 중요도 또한 다를것이기 때문에)
그리고 label과 paragraph는 1~6번의 태그들이 존재하지 않기 때문에 이 역시 통일성을 위해 사이즈의 네이밍으로 통일 하였습니다.
하지만 이는 제가 정한 규칙과 룰이며 역시 회사에서 또는 팀원들끼리 이렇게 하자~ 라고 규칙을 정하신다면 그 방식대로 진행하셔도 괜찮습니다.
시스템은 말 그대로 서로 맞춰가는거니까요 ^.^
감사합니다 :)
borderTransparent를 라이트/다크모드에 이중등록
0
26
1
해결되었습니다.
0
23
1
안녕하세요! 강의잘 들었습니다.
0
73
2
타이포그래피 16 -> 14 변경 시 XXXL만 변경 안 됨
0
48
1
토큰스튜디오에서 폰트 스타일등록 문의
0
65
2
토큰에서 style로 export시 에러
0
71
2
컬러시스템 등록 관련
0
72
2
토큰 light/dark mode 오류
0
67
2
Pretendard 없으면 에러납니다
0
229
2
폰트 토큰 작업 할때
1
99
3
여기 수업에서 엘로우나 레드나 블루 이런 컬러들을 다양하게 만드는 이유가 뭔가요?
0
57
2
토큰을 깃허브에 올리는 방법이 없어진거 같은데요
1
81
2
토큰 export 할때 어떻게 해야 하나요? 버전이 바뀌어서 그런지 못찾겠어요
0
208
2
인프런 할때마다 짜증나는데 수업내용이 너무 오래된건 제발 삭제좀 하던지 다시 찍던지 해주세요
1
79
1
tailwind color generator 이게 작동이 잘 안되네요
0
73
2
figma tokens플러그인 안나오는데요??
0
122
2
혹시 토큰 가공할 수 있는 강의도 따로 있을까요??
1
54
2
피그마 배리어블에 export시 값 저장 안됨
0
201
3
Style - variable 문으ㅣ ㅜㅜ
0
68
2
borderTransparent 임포트가 안됩니다
1
68
2
화면이 보이지가 않아요?
0
67
1
컬러맵핑하고 라이트/다크 모드 설정시 색상 반전이 안돼요 ㅠㅠ
1
270
2
피그마 토큰 플러그인
1
292
2
깃허브 sync 오류
1
193
2