본문 바로가기

전체 글22

<a> vs <button> 뭘 써야할까? (SEO) 결론부터 말하자면, url이 있다 : url이 없다 : HTML에서 요소는 하이퍼링크를 생성하고, 요소는 클릭 가능한 버튼을 생성합니다. 요소는 일반적으로 다른 페이지, 동일한 페이지의 다른 부분, 파일, 이메일 주소, 전화 번호 등과 같은 다른 위치로 연결하는 링크를 생성하는 데 사용됩니다. 요소는 일반적으로 사용자 상호 작용을 처리하는 데 사용됩니다. 예를 들어, 폼 제출 버튼, 로그인 버튼, 취소 버튼 등을 만들 수 있습니다. SEO 관점에서 요소는 링크의 대상 페이지와의 관련성을 강조하는 앵커 텍스트를 포함할 수 있어 검색 엔진 최적화에 유용합니다. 또한, 링크의 대상 페이지와 관련된 키워드를 사용할 수 있으며, 다른 사이트에서 링크를 받을 경우 페이지의 인기도와 순위에도 영향을 미칠 수 있습니다.. 2023. 4. 25.
<b> <strong> <i> <em> <s> <del> <u> <ins> 차이점 (SEO) 아래의 두 태그 중 강조된 태그가 SEO에서 더 중요합니다. 와 의 차이 와 은 모두 글자를 굵게 표시하기 위한 태그입니다. 그러나 이 둘은 다른 목적을 가지고 있습니다. 는 주로 디자인적인 목적으로 사용되고, 글자를 굵게 강조하는 역할을 합니다. 반면에, 은 의미론적인 강조를 나타내기 위한 태그입니다. 따라서, 검색 엔진은 태그가 있는 단어를 더욱 강조하고, 이 단어가 중요한 키워드로 인식할 가능성이 높습니다. 예를 들어, 아래와 같은 경우에 와 의 차이가 나타납니다. 사과와 배는 과일입니다. 위 코드에서, 는 단지 디자인적인 목적으로 사용되었을 뿐, 의미적인 강조가 필요하지 않습니다. 반면에, 아래와 같은 경우 태그를 사용하여 중요한 키워드를 나타낼 수 있습니다. 이 음료수는 카페인이 함유되어 있습니.. 2023. 4. 24.
HTML SEO <div>, <span> 대신 명시적인 요소를 쓰자 대신 '명시적 요소' 쓰기 HTML에서 요소는 문서 내에서 구획을 나누기 위해 일반적으로 사용됩니다. 그러나 는 문서 구조를 정의하는 요소가 아니므로, SEO에서는 특별한 역할을 하지 않습니다. 대신 구조를 정의하는 명시적인 요소를 사용하면 검색 엔진이 문서 구조를 더 잘 이해할 수 있습니다. 다음은 요소를 대체할 수 있는 구조적/명시적 요소들입니다: Example page for replacing element This is a paragraph of text with a link. This paragraph also contains some emphasized and strong text. This text is small and this text is variable. This is a.. 2023. 4. 24.
HTML SEO 명시적섹션과 헤딩 명시적 섹션 vs 암시적 섹션 SEO를 위한 마크업에서 헤딩만큼 중요 한 것은 "명시적 섹션"입니다. 명시적 섹션과 암시적 섹션은 HTML 문서 내에서 구조적인 계층을 형성하는 요소입니다. 명시적 섹션은 과 등의 요소로 구성되어 있으며, 이 요소들은 HTML5에서 새롭게 도입된 구조 요소입니다. 이 요소들은 구조적인 계층을 명시적으로 나타내며, 검색 엔진은 이를 인식하여 웹 페이지의 구조를 파악할 수 있습니다. 암시적 섹션은 구조적인 계층을 명시하지 않은 일반적인 요소들입니다. 예를 들어 요소는 구조적인 의미를 가지지 않지만, HTML 문서 내에서 섹션을 형성할 수 있습니다. 명시적 섹션과 암시적 섹션의 잘못된 사용은 검색 엔진이 웹 페이지를 분석할 때 혼란을 줄 수 있습니다. HTML5에서 명시적으로 .. 2023. 4. 23.