232298
•
20분 읽기
•
SEO에 필수적인 8가지 HTML 태그
HTML 태그는 우리가 SEO에서 가장 먼저 배우는 것 중 하나입니다. 그것들은 육안으로는 보이지 않지만 순위에 놀라운 일을 할 수 있거나 반대로 순위가 떨어지는 이유 중 하나가 될 수 있습니다.
사실, HTML 태그는 매우 중요해졌기 때문에 HTML 태그를 무시하거나 잘못 사용하는 경우 웹사이트가 오늘날의 검색 결과에서 경쟁할 수 없습니다.
HTML 태그란 무엇입니까?
HTML 태그는 검색 엔진에 콘텐츠를 설명하는 데 사용할 수 있는 코드 조각입니다. 우리는 HTML 태그를 사용하여 사본의 중요한 부분을 강조 표시하고, 이미지를 설명하고, 검색 엔진 봇에게 지침을 제공할 수도 있습니다.
HTML 태그는 검색 결과에 페이지가 표시되는 방식에 영향을 미치는 데에도 사용됩니다. 특정 태그의 도움으로 일반 검색 스니펫을 리치 스니펫으로, 어쩌면 추천 스니펫으로 바꿀 수 있습니다. 그리고 검색 스니펫이 더욱 발전함에 따라 더 나은 SERP 위치를 확보하고 더 많은 트래픽을 유치할 수 있습니다.
오늘날에도 HTML 태그가 SEO에 여전히 중요합니까?
전적으로! 그리고 HTML 태그 관리는 항상 웹사이트 SEO 체크리스트 에 있어야 합니다.
어떤 사람들은 검색 엔진이 HTML 태그에 대해 너무 똑똑해졌다고 말합니다. 그들은 검색 엔진이 우리 콘텐츠를 이해하는 데 도움이 필요하지 않다고 말합니다. 글쎄, 그것은 전체 진실이 아닙니다.
첫째, 인공지능이 콘텐츠 이해에 비약적 발전을 이루었지만 아직 완벽하지는 않다. 여전히 상당한 오차 범위가 있으며 모든 콘텐츠가 제대로 해석되도록 하려면 여전히 HTML 태그가 필요합니다.
둘째, 검색 엔진이 우리의 콘텐츠를 이해하도록 돕는 것이 HTML 태그의 유일한 기능은 아닙니다. 또한 사용자 경험을 향상하고, 멋진 검색 스니펫을 생성하고, 중복 콘텐츠 문제를 해결하고, 크롤링 규칙을 시행합니다.
다음은 웹사이트 SEO에 여전히 중요한 HTML 태그입니다.
1. 타이틀 태그
제목 태그는 검색 엔진에서 페이지의 제목을 결정하고 SERP에 표시하는 데 사용됩니다. HTML에서 제목 태그는 다음과 같습니다.
<title>Your Title Goes Here</title>SERP에서 제목 태그는 다음과 같습니다.
SEO 가치
제목 태그는 검색 엔진에서 매우 중요했습니다. 페이지의 제목이 주요 주제이므로 Google은 제목을 보고 페이지가 검색 쿼리와 관련이 있는지 여부를 결정합니다.
당연히 SEO 전문가는 가능한 한 많은 키워드로 제목 태그를 채우고 페이지를 여러 쿼리와 관련되게 만들려고 노력했습니다. 이에 대한 대응으로 Google은 키워드 채우기 및 기타 구식 SEO 기술을 처벌하기 시작하여 제목이 스팸인 페이지는 검색 순위를 잃었습니다.
현재 Google이 시맨틱 검색 으로 전환함에 따라 최적화된 제목 태그의 가치는 더욱 낮아졌습니다. 사실 Google은 우리 페이지를 너무 잘 이해하여 때때로 우리를 위해 제목을 다시 작성합니다. 맞습니다. 페이지에 특정 제목을 설정하면 Google이 검색 결과에 다른 제목을 표시할 수 있습니다. 여전히 드문 경우지만 다음과 같은 경우에 발생합니다.
제목은 키워드로 채워져 있습니다. 페이지 자체에 양질의 콘텐츠가 있는 경우 Google에서 스팸 제목을 수정할 수 있습니다. 제목에 몇 가지 추가 키워드를 추가하는 실수를 저질렀다고 좋은 콘텐츠를 낭비할 필요가 없습니다.
제목이 쿼리와 일치하지 않습니다. Google은 귀하의 제목이 이 검색어와 일치하지 않는 경우에도 특정 검색어에 대해 귀하의 페이지를 선택할 수 있습니다. 이 경우 SERP용으로 제목을 다시 쓰는 경우가 있습니다. 가능한 모든 쿼리와 일치하는 제목을 작성할 수 없다는 것은 명백합니다. 그러나 Google이 검색량이 많은 경우 제목을 다시 작성하는 경우 수정을 고려하세요.
제목이 너무 길거나 너무 짧습니다. 2021년에 Google은 페이지 제목 업데이트를 출시했음을 확인했습니다. 알고리즘은 제목이 너무 짧거나 길거나 세미콜론과 같은 특별한 문장 부호가 있는 경우 제목을 다른 것으로 바꾸기 시작했습니다. 예를 들어 제목이 너무 길면 검색 엔진이 대신 H1 제목을 사용했습니다. 너무 짧으면 Google에서 브랜드 이름을 추가했습니다.
몇 가지 대체 제목이 있습니다. Facebook 및 Twitter는 페이지의 <head> 섹션에 자체 태그가 있으므로 이러한 소셜 네트워크에 대체 제목을 사용하는 경우 Google에서 제목 태그 대신 이를 사용할 수도 있습니다.
최적화 방법
다음은 Google 가이드라인 및 SEO 모범 사례에 따라 제목을 만드는 방법입니다.
제목 길이
Google은 SERP에 표시할 수 있는 제목 문자 수에 대해 특정 제한이 있습니다. 이 제한은 정확하지 않습니다. 화면 크기에 따라 변경됩니다. 일반적으로 60자 미만 의 제목은 대부분의 화면에 표시됩니다.
제목이 특정 화면에 맞지 않으면 Google에서 제목을 잘라냅니다. 다음과 같이 표시됩니다.
제목을 짧게 자르는 것이 반드시 나쁜 것은 아닙니다. 때로는 CTR에 긍정적인 영향을 미칠 수도 있습니다. 잘린 제목은 절벽 행거를 만들고 사용자의 호기심을 자극하여 페이지를 방문하도록 권장합니다.
잘린 제목이 문제가 될 수 있는 유일한 경우는 제목의 보이는 부분이 검색어와 관련이 없는 것처럼 보일 때입니다. 따라서 전체 제목이 보일 필요는 없지만 보이는 부분에 주요 키워드를 포함하는 것이 중요합니다.
제목 길이를 확인하려면 WebSite Auditor를 실행하고 사이트 구조 > 사이트 감사 > 온페이지 로 이동하여 권장 길이를 초과하는 전체 제목 목록을 확인하십시오.
제목 키워드
제목에 키워드를 포함하는 것은 여전히 중요합니다. 이는 페이지의 관련성을 사용자에게 전달하는 방법입니다. 그러나 너무 많은 키워드를 포함하면 Google은 페이지의 수준을 낮추거나 제목을 덜 스팸으로 다시 작성합니다.
현재 가장 좋은 방법은 제목당 하나의 키워드 또는 짧은 키워드 구문을 포함하고 나머지 제목을 마케팅 단어로 채우는 것입니다. 예를 들어 다음은 널리 사용되는 두 가지 제목 구조 예입니다.
모든 예산에 적합한 10가지 자갈 자전거 | 자전거 전문가
제목에는 시작 부분에 짧은 키워드 구문이 있습니다. 우리는 또한 그것이 리스트티클이라는 것을 봅니다. 왜냐하면 그것은 상위 10위라고 말하고, 권한을 전달하기 위해 마지막에 브랜드가 있고, 제목은 일반적인 판매 포인트인 모든 예산을 말합니다.
업무에 가장 적합한 노트북을 선택하는 방법 | 2022년
이 제목에는 키워드가 조금 더 있지만 길이 제한 내에 있으므로 모든 SERP에서 볼 수 있습니다. 제목에 방법이 나와 있기 때문에 페이지가 가이드 역할을 한다는 것을 알 수 있고 현재 연도가 포함되어 있어 신선함을 알 수 있습니다.
따라서 키워드 최적화 제목 태그를 만들 때 제목 태그에 하나의 대상 키워드만 있으면 더 나은 순위를 얻기에 충분하다는 점을 기억하십시오.
제목 속 브랜드
잘 알려진 브랜드가 있는 경우 제목에 사용하는 것이 좋습니다. 사용자가 결과 페이지를 훑어볼 때 인식하는 것을 선택할 가능성이 더 큽니다.
확고한 브랜드가 없는 경우 제목에 브랜드를 포함해도 즉각적인 이점이 없습니다. 그러나 시간이 지남에 따라 브랜드 인지도를 구축하는 데 도움이 될 수 있으므로 결국 이점을 보게 될 것입니다. 우리는 몇 년 동안 이야기하고 있습니다.
2. 메타 설명 태그
메타 설명은 검색 결과에서 페이지를 설명하는 데 사용되는 짧은 텍스트 단락입니다. HTML에서 메타 설명 태그는 다음과 같습니다.
<meta name="description" content="Your description goes here">SERP에서는 다음과 같이 표시됩니다.
.png)
SEO 가치
메타 설명의 기능은 제목과 유사합니다. 그것은 귀하의 페이지에 대한 좀 더 자세한 정보를 제공하고 사용자가 귀하의 페이지를 방문할지 여부를 결정하는 데 도움이 됩니다.
메타 설명은 직접적인 순위 요소는 아니지만 여전히 검색 성공에 도움이 될 수 있습니다. 귀하의 메타 설명이 관련성이 있고 매력적이라면 더 많은 사용자가 귀하의 스니펫을 클릭할 것이고 결국 Google은 귀하에게 더 나은 순위를 부여하는 것을 고려할 수 있습니다.
제목과 마찬가지로 Google은 메타 설명을 다시 작성할 권리가 있습니다. 실제로 이것은 매우 자주 발생합니다. SERP에서 볼 수 있는 대부분의 메타 설명은 웹사이트 소유자가 아닌 Google에서 만든 것입니다.
John Mueller가 설명했듯이 메타 설명은 사용자 쿼리의 아주 작은 변화에도 일치하도록 자주 조정됩니다 . 따라서 Google은 실제로 귀하에게 호의를 베풀고 있습니다. 다른 사용자에게 다른 메타 설명을 표시하고 검색 스니펫의 관련성을 향상시킵니다.
최적화 방법
메타 설명은 종종 Google에서 다시 작성되지만 SERP에 표시되는 원래 설명의 상당 부분이 여전히 있습니다. 운에 맡기지 말고 메타 설명을 생성하기 위해 Google에 의존하지 마십시오. 그렇지 않을 수도 있습니다. 그렇지 않으면 최적화가 제대로 되지 않은 스니펫과 검색 성능이 저하됩니다. 마지막으로, 잘 작성되고 매력적인 메타 설명은 유기적 클릭률을 높일 수 있습니다.
메타 설명 길이
메타 설명의 길이에는 기술적인 제한이 없지만 Google은 일반적으로 스니펫의 처음 160자만 표시합니다. 조언은 제목 태그와 동일합니다. 원하는 만큼 길게 만들되 키워드 및 기타 중요한 정보가 처음에 더 가깝게 언급되는지 확인하십시오.
WebSite Auditor 에서 메타 설명을 확인할 수 있습니다. 프로젝트에서 Site Structure > Site Audit > On-page 로 이동하여 메타 설명이 권장 길이를 초과하는지 확인하십시오.
메타 설명 키워드
메타 설명에 더 많은 공간이 있으므로 둘 이상의 키워드를 사용해도 괜찮습니다. 현재 모범 사례는 제목에 배치한 키워드의 변형을 사용하는 것입니다.
예를 들어 제 제목이 업무용 노트북을 선택하는 방법 인 경우 설명에서 업무용 노트북 대신 비즈니스 노트북 이라고 하겠습니다. 이렇게 하면 더 많은 근거를 다루고 있으며 사용자의 검색어를 정확하게 일치시킬 가능성이 더 높아집니다.
설명에 더 많은 키워드를 사용할 수 있지만 2~3개 이상 사용하지 않는 것이 좋습니다. 자연스럽게 유지하고 속하지 않는 키워드에 하나 이상의 키워드를 맞추려고 노력하지 마십시오.
메타 설명에 따옴표 없음
메타 설명의 HTML에 큰따옴표를 사용하면 Google은 SERP에서 표시할 때 이 텍스트를 따옴표에서 자릅니다. 따라서 메타 설명에서 모든 영숫자를 제거하는 것이 좋습니다.
그건 그렇고, 제목 태그와 메타 설명을 최적화하기 위해 WebSite Auditor의 SEO 콘텐츠 편집기 내에서 경쟁 인텔리전스를 사용할 수 있습니다.
페이지 감사 > 콘텐츠 감사 로 이동하여 최적화 중인 페이지의 URL과 대상 키워드를 붙여넣습니다. 이 도구는 검색 결과에서 상위 10개 경쟁사와 함께 귀하의 페이지를 분석합니다. 경쟁사의 제목 태그와 메타 설명에서 대상 키워드가 어떻게 사용되는지 확인할 수 있습니다.
게다가 콘텐츠 편집기로 전환하고 앱에서 바로 텍스트를 최적화할 수 있습니다. 여기에서 제목과 메타 설명을 작성하고 메타 스니펫이 검색 결과에 어떻게 표시되는지 확인할 수 있습니다.
3. 제목
제목(H1-H2)은 페이지를 섹션 또는 챕터로 분할하는 데 사용됩니다. 각 제목은 페이지 내의 작은 제목과 같습니다. HTML에서 제목은 다음과 같습니다.
<h1>Your heading goes here</h1>페이지에서 다음과 같이 표시됩니다.
SEO 가치
제목의 초기 기능은 사용자 경험을 개선하는 것이었습니다. 페이지가 제목으로 적절하게 구성되면 사용자는 더 쉽게 콘텐츠를 탐색하고 관련 없는 장을 건너뛰고 중요한 내용을 찾을 수 있습니다. 사용자가 만족하면 Google도 만족합니다.
오늘날 제목의 역할은 훨씬 더 발전했습니다. 구절 인덱싱이 도입된 이후 Google은 페이지의 특정 섹션을 별도의 검색 결과로 사용할 수 있습니다.
예를 들어 벽돌 벽에서 석고를 제거하는 방법에 대한 가이드를 작성했다고 가정해 보겠습니다. 적절한 제목을 사용하여 가이드를 방 준비, 석고 제거, 벽돌 닦기, 벽돌 세척, 벽돌 봉인 등 의 장으로 나누었습니다. 이제 누군가 Google에 노출된 벽돌 벽을 봉인하는 방법을 묻는 경우 Google은 귀하의 챕터 중 하나를 가져와 별도의 검색 결과로 제시할 수 있습니다.
실제로 제목이 검색에 최적화되어 있으면 각각 별도의 검색 결과가 될 수 있습니다. 기본적으로 페이지 안에 페이지가 있는 것과 같습니다.
최적화 방법
제목을 최적화할 때 따라야 할 모범 사례는 다음과 같습니다.
제목 계층
전통적으로 페이지당 하나의 H1 제목만 있으며 페이지의 제목입니다. 하지만 제목 태그와 같지는 않습니다. 제목 태그는 검색 결과에 표시되고 H1 제목은 콘텐츠 상단에 표시됩니다. 한 가지 실질적인 차이점은 H1 제목에는 문자 제한이 없으므로 제목 태그보다 길게 만들 수 있다는 것입니다. 또는 동일하게 만들 수 있습니다. 당신한테 달렸습니다.
그런 다음 콘텐츠를 챕터로 분할하는 데 사용되는 H2 제목이 있습니다. 그런 다음 챕터를 하위 챕터로 분할하는 데 사용되는 H3 제목입니다. 그리고 H6까지 같은 논리를 따를 수 있지만 일반적으로 H3-H4를 넘어서는 것은 권장하지 않습니다. 제목 수준이 많은 페이지는 너무 지저분해집니다.
제목 키워드
각 제목이 어떻게 별도의 검색 결과가 될 수 있는지 기억하십니까? 이를 가능하게 하려면 페이지 제목인 것처럼 각 제목을 작성해야 합니다. 페이지 섹션과 관련된 키워드를 포함하고 검색어와 유사한 방식으로 제목을 구성하십시오.
예를 들어 벽돌 벽 가이드로 돌아가 보겠습니다. 왼쪽에는 검색에 최적화되지 않은 제목이 있습니다. 페이지 내 탐색에는 잘 작동하지만 SERP에는 절대 도달하지 않습니다. 오른쪽에는 훨씬 더 많은 정보를 제공하고 Google에서 좁은 검색어에 응답하는 데 사용할 수 있는 제목이 있습니다.
병렬 구문
때때로 Google은 제목을 가져와 목록 유형의 추천 스니펫으로 만들 수 있습니다. 제목을 목록 스니펫에 적합하게 하려면 병렬 구문을 따라야 합니다. 즉, 모든 제목이 비슷하게 표현되어야 합니다. 예를 들어 모두 동사로 시작하거나 모두 명사구여야 합니다. 동일한 수준의 모든 제목이 비슷한 길이이고 번호가 매겨진 목록으로 정렬되어 있으면 도움이 됩니다.
4. 대체 속성
대체 텍스트 속성은 이미지 태그의 일부이며 이미지에 대한 설명을 제공합니다. HTML에서는 다음과 같이 보일 수 있습니다.
<img src="url" alt="Your image description goes here">SEO 가치
대체 텍스트는 이미지 최적화 에서 중요한 역할을 합니다. 검색 엔진(특정 이미지의 의미를 알려줌으로써)과 사람들(특정 이미지를 로드할 수 없는 경우 대체 텍스트를 표시하거나 스크린 리더가 이미지를 전달하도록 도움으로써) 모두가 이미지에 액세스할 수 있도록 합니다.
검색 최적화의 주요 이점은 최적화된 대체 텍스트가 이미지 검색에서 이미지 순위를 높이는 데 도움이 된다는 것입니다. 그리고 인공 지능이 이미지를 읽는 데 꽤 능숙해졌지만 서면 설명은 남은 격차를 해소하는 데 도움이 됩니다.
최적화 방법
대체 텍스트를 최적화할 때 따라야 할 모범 사례는 다음과 같습니다.
Alt 태그를 비워두지 마세요.
이 추가 기회를 사용하여 이미지 최적화를 통해 순위를 높이려면 먼저 빈 대체 텍스트를 확인하십시오. WebSite Auditor 에서 사이트 구조 > 사이트 감사 로 이동하고 이미지 섹션에 주의하십시오.
이미지 우선 순위 지정
수천 개의 이미지가 있는 경우 각 이미지를 최적화할 필요가 없습니다(PHEW!). 엔터테인먼트 및 장식용으로 사용되는 것이 아니라 유용한 데이터를 전달하는 것에 주의를 기울이십시오. 유용한 이미지는 제품 이미지, 프로세스 스크린샷, 로고, 인포그래픽, 다이어그램 등입니다.
대체 속성에 키워드 추가
대체 텍스트는 타겟 키워드를 사용할 수 있는 또 하나의 기회입니다. 그리고 당신은 드릴을 알고 있습니다 – 그것들을 남용하지 마십시오! 콘텐츠에 대한 컨텍스트를 제공하는 설명을 작성하고 적절한 키워드를 사용하십시오. 키워드에 최적화된 이미지는 검색 엔진이 페이지 순위를 매길 때 고려하는 요소와 잘 어울립니다.
이미지의 대체 텍스트를 빠르게 확인하고 최적화하려면 Content Editor 를 사용하십시오. 콘텐츠 편집을 위해 문서 모드를 선택하면 앱에서 바로 라이브 페이지를 볼 수 있습니다. 이미지를 클릭하면 대체 속성을 삽입할 수 있는 특수 필드가 표시됩니다. 텍스트가 끝나면 HTML 형식으로 다운로드한 다음 웹 페이지에 바로 추가할 수 있습니다.
5. 그래프 태그 열기
Open Graph (OG) 태그는 페이지의 <head> 섹션에 배치되며 모든 웹페이지가 소셜 네트워크에서 풍부한 개체가 될 수 있도록 합니다. 2010년 페이스북에 의해 처음 도입되었으며 다른 주요 소셜 미디어 플랫폼(링크드인, 트위터 등)에서 더욱 인정받고 있습니다.
HTML에서는 다음과 같이 보일 수 있습니다.
<meta name="og:title" property="og:title" content="Your Open Graph Title Goes Here">SEO 가치
OG 태그를 사용하면 소셜 채널을 통해 공유할 때 페이지에 대한 정보가 표시되는 방식을 제어할 수 있습니다. 이 가능성은 소셜 미디어에서 링크의 성능을 향상시켜 더 많은 클릭률과 전환율을 높이는 데 도움이 될 수 있습니다.
최적화 방법
꽤 많은 Open Graph 태그가 있습니다. 가장 중요한 태그에 대한 몇 가지 팁을 제공하겠습니다.
OG 제목
네, 페이지 제목이 있는 또 다른 태그입니다. 이제 세 가지 제목이 있습니다. 하나는 검색용(제목 태그), 하나는 웹사이트용(H1), 세 번째는 소셜 네트워크용(OG 제목)입니다. 다른 제목을 복사하여 간단하게 유지하거나 소셜 공유를 위해 별도의 제목을 만들 수 있습니다.
60-90자 사이여야 합니다. 그렇지 않으면 잘릴 수 있습니다.
OG 유형
이 태그를 사용하여 웹사이트, 게시물, 동영상, 회사 등 어떤 종류의 개체를 공유하고 있는지 설명하세요. 여기에서 전체 목록을 확인할 수 있습니다.
이 태그는 페이지에 좋아요 버튼이 있을 때 중요한 것으로 간주됩니다. 콘텐츠가 "좋아요"를 표시하는 경우 콘텐츠가 Facebook 사용자의 관심사 섹션에 표시되는지 여부를 결정하는 데 도움이 될 수 있습니다.
대부분의 경우 유형은 "웹사이트"입니다. 대부분 웹사이트 링크를 공유하기 때문입니다. 그렇다면 코드에서 유형을 지정할 필요가 없으며 기본적으로 유형을 그대로 읽습니다.
OG 설명
이것은 메타 설명 태그와 매우 유사합니다. 그러나 SERP에는 표시되지 않으며 페이지가 공유될 때 요약으로 표시됩니다. 이러한 이유로 이 특정 설명에 키워드를 교묘하게 삽입하는 것은 의미가 없습니다.
여기서 귀하의 주요 임무는 잠재 고객에게 말하고 더 많은 클릭을 유도하는 것입니다.
길이는 200자 정도를 유지하는 것이 좋은 습관으로 간주됩니다.
OG 이미지
이미지는 공유 가능한 링크를 훨씬 더 매력적으로 만듭니다. 이미지 위의 일부 텍스트는 허용되지만 일부 플랫폼에서는 가장자리가 잘릴 수 있으므로 이미지 중간에 텍스트를 배치하십시오.
OG 이미지의 권장 해상도는 1200x627픽셀이며 크기는 최대 5MB입니다.
OG 메타 태그 작업을 마치면 Facebook에서 만든 도구인 Open Graph Object Debugger를 사용하여 모든 것이 어떻게 보이는지 확인할 수 있습니다.
WebSite Auditor를 사용하여 OG 태그의 존재를 확인할 수도 있습니다. 이를 위해 사이트 구조> 페이지 로 이동하고 기본 Open Graph 및 구조화된 데이터 마크업 탭으로 전환합니다. 모든 페이지에서 OG 마크업을 사용할 수 있는지 여부를 표시하고 OG 이미지에 대한 OG 제목, 설명 및 URL을 수집합니다.
트위터 카드
Twitter 카드는 OG 태그(제목, 설명, 이미지 등)와 매우 유사하지만 Twitter에서만 사용됩니다. 이제 트윗은 140자를 초과할 수 있지만 이 카드는 일반적인 텍스트 트윗 군중에서 트윗을 돋보이게 하는 멋진 확장 기능입니다.
몇 가지 유형의 트위터 카드가 있습니다.
요약 카드. 원본 트윗 외에도 블로그 게시물, 제품, 뉴스 등을 강조 표시하는 데 유용한 페이지 콘텐츠의 미리보기가 있습니다.
제목: 70자
설명: 200자
이미지: 120x120px, 최대 1MB
큰 이미지가 있는 요약 카드. 이 카드는 이전 카드와 비슷하지만 더 큰 이미지를 포함하고 있습니다. 이미지에는 페이지 콘텐츠의 요점을 전달하는 텍스트, 클릭 유도문안 또는 실제로 클릭을 유도하는 내용이 포함될 수도 있습니다.
제목: 70자
설명: 200자
이미지: 280x150px, 최대 1MB
플레이어 카드. 이러한 카드를 통해 사용자는 트윗 내에서 비디오 또는 오디오를 재생할 수 있습니다.
설명: 200자
비디오: H.264, 베이스라인 프로파일, 레벨 3.0, 30fps에서 최대 640 x 480픽셀.
오디오: AAC, 낮은 복잡도 프로필
앱 카드. 이러한 카드를 사용하면 사용자가 트윗에서 바로 모바일 앱을 다운로드할 수 있습니다. 이름, 설명, 아이콘, 등급 및 가격이 있습니다.
제목: 앱 ID에서 렌더링됨
설명: 200자
이미지: 앱 ID에서 렌더링됨
참고: 페이지당 하나의 카드 유형만 지원됩니다.
참고: Twitter 카드의 요소가 준비되면 카드를 설정한 다음 카드 유효성 검사기 를 사용하여 유효성을 검사해야 합니다.
6. 로봇 태그
로봇 태그는 사이트에서 색인을 생성해야 하는 페이지와 색인을 생성하지 않아야 하는 페이지를 검색 엔진에 알려주는 페이지 HTML의 요소입니다. 그 기능은 robots.txt와 유사하지만 robots.txt는 제안을 제공합니다. 반면 로봇 태그는 지침을 제공합니다.
HTML에서는 다음과 같이 보일 수 있습니다.
<meta name="robots" content="index, follow">SEO 가치
로봇 태그가 순위를 높이는 데 도움이 될 수는 없지만 일부 페이지의 색인 생성을 차단 해야 하는 경우 순위를 저장하는 데 사용할 수 있습니다.
예를 들어, 검색에서 인덱싱되는 데는 관심이 없지만 유지하고 싶은 다소 빈약한 콘텐츠가 있는 일부 페이지가 있을 수 있습니다. 이 경우 이 페이지에 noindex 태그만 추가하면 됩니다.
최적화 방법
로봇 태그를 최적화할 때 따라야 할 모범 사례는 다음과 같습니다.
이름으로 봇 주소 지정
모든 봇을 처리하려면 로봇을 사용하고 특정 봇을 처리하려면 개별 봇 이름을 사용하십시오. 개별 봇 이름은 일반적으로 악성 봇이 웹 사이트를 크롤링하지 못하도록 금지하는 데 사용됩니다.
당신의 매개변수를 아십시오
Google은 로봇 태그의 다음 매개변수를 이해하고 존중합니다.
Noindex — 검색 엔진이 페이지를 인덱싱하지 못하게 합니다.
Nofollow — 검색 엔진이 페이지의 모든 링크를 따라가는 것을 방지합니다(이것이 개별 URL 수준에 적용되는 nofollow 속성과 다른 이유입니다).
팔로우 — 페이지가 noindex인 경우에도 페이지의 링크를 따라야 합니다.
Noimageindex — 이 페이지의 이미지는 인덱싱되지 않습니다.
Noarchive — 캐시된 페이지 사본이 검색 결과에 나타나지 않도록 합니다.
없음 — "noindex, nofollow"와 동일합니다.
Google은 로봇 태그 매개변수에 사용하는 소문자와 대문자의 모든 조합을 이해합니다. 자세한 내용은 로봇 태그, 지침 및 속성에 대한 자세한 SEO 치트 시트를 확인하십시오. Googlebot이 원하는 방식으로 웹사이트를 크롤링하고 색인을 생성하도록 지시하는 방법을 배우게 됩니다.
7. 정식 태그
동일한 콘텐츠가 있는 페이지가 몇 개 있는 경우 표준 태그를 사용하여 검색 엔진에 어떤 페이지가 우선 순위가 되어야 하는지 알릴 수 있습니다.
HTML에서는 다음과 같이 보일 수 있습니다.
<link href="URL" rel="canonical">SEO 가치
표준 태그는 두 가지 면에서 SEO에 중요합니다.
우선, 중복 콘텐츠를 저장하지 않아도 됩니다. 중복 콘텐츠가 반드시 나쁜 것은 아니지만 의심스러울 수 있습니다. Google은 귀하의 페이지를 보고 다른 페이지의 사본인 것처럼 보입니다. 수상한 일이 벌어지고 있는 것입니다.
둘째, 식인화를 방지합니다. 두 개의 유사한 페이지가 있고 둘 다 인덱싱되면 검색 결과에서 서로 경쟁하기 시작합니다. 그것은 당신의 자원과 순위를 매길 기회를 모두 소모합니다.
최적화 방법
WebSite Auditor 를 실행하고 사이트 구조 > 사이트 감사 로 이동한 다음 온페이지 섹션, 즉 중복 제목 및 중복 메타 설명 에 주의하십시오.
동일한 내용의 URL이 몇 개 있는 경우 페이지의 HTML에 <link rel="canonical"> 요소를 지정하십시오.
웹 사이트 SEO를 향상시킬 수 있는 다른 방법을 알고 싶습니까? WebSite Auditor를 사용하는 65가지 이상의 가장 완벽한 가이드를 살펴보십시오.
8. 스키마 마크업
마지막으로 중요한 것은 Schema markup 입니다. 스키마는 실제로 HTML 태그의 전체 시스템입니다. 연락처 세부 정보, 제품 가격, 레시피 재료 등 모든 종류의 정보를 검색 엔진에 알리기 위해 코드에 추가할 수 있습니다.
SEO 가치
스키마 마크업은 페이지의 특정 정보를 가리키는 데 사용되며 Google은 이러한 정보를 사용하여 리치 스니펫을 만들 수 있습니다. 예를 들어 레시피 페이지에 Schema를 적용하면 Google은 조리 시간, 재료, 리뷰 수, 레시피의 칼로리까지 알 수 있습니다. 그리고 정보를 사용하여 다음을 생성합니다.
이를 리치 스니펫이라고 하며 보시다시피 일반 스니펫을 물 밖으로 날려버립니다. 그리고 Google은 지난 몇 년 동안 이러한 유형의 스니펫을 점점 더 많이 만들었습니다. 오늘 우리는 기사, 제품, 이벤트, 책, 영화 및 검색 노출을 향상시킬 수 있는 기타 스키마를 가지고 있습니다.
최적화 방법
스키마는 약간 복잡해질 수 있으며 직접 입력할 수 있는 것이 아닙니다. 페이지에 스키마를 적용하는 가장 좋은 방법은 구조화된 데이터 마크업 도우미를 사용하는 것입니다. 여기에서 스키마 유형을 선택하고 URL을 입력한 다음 페이지에서 텍스트를 선택하고 마크업하면 됩니다.
완료되면 헬퍼에서 페이지로 코드를 복사할 수 있습니다.
HTML 태그는 스스로 제어할 수 있는 SEO의 일부입니다.
저는 HTML 태그가 여전히 SEO에 매우 중요하다고 말하고 싶습니다. 아마도 이전보다 훨씬 더 중요할 것입니다. 가장 중요한 HTML 태그를 선택해야 한다면 제목과 스키마 마크업을 선택하겠습니다. Google은 SERP를 매우 빠르게 변경하여 보다 상호작용적으로 만들고 새로운 유형의 스니펫을 추가하고 있습니다. 이 모든 것에 참여하고 검색 경쟁력을 유지하려면 지금처럼 제목과 리치 결과 작업을 시작해야 합니다.
