그래서 당신은 사이트를 만들었습니다. 왜 방문객이 그렇게 많지 않은지 알고 싶습니까?당신은 페이스북이나 인스타그램으로 당신의 페이지를 홍보하려고 시도했고, 심지어는 일정 수량의 방문자를 달성하기 위해 많은 돈을 썼습니까?다른 두 가지 물어볼게요.
당신은 유기 순위가 비용을 지불하는 검색보다 더 많은 유량을 발생시키는 것을 아십니까?당신은 더 많은 관광객을 유치하기 위해 무료 방법이 있다는 것을 아십니까?응, 이것이 바로 내가 이 게시물에서 이야기하고자 하는 것이다.만약 네가 계속 읽는 것에 흥미가 있다면, 네가 모르는 좋은 기교를 찾을 수 있기를 바란다.더 이상 귀찮게 할 필요 없어, 우리 시작하자!

검색엔진 최적화를 위한 HTML 태그 가져오기

같은 페이지에서 HTML 태그란?(내 이전 게시물을 보고 싶을 수도 있음) HTML 태그는 HTML 인코딩된 세션으로 웹에서 볼 수 있는 시각적 내용에 방향을 제공하고 엔진이 당신의 내용을 어떻게 읽는지 알려줍니다.사실상 랭킹 페이지에 큰 영향을 미친다.그것들은 더 좋은 내비게이션(더 많은 데이터)을 제공하여 검색이 일치하고 검색엔진이 어디에서 관련 정보를 찾을 수 있는지 안내할 수 있다.이 밖에도 개인 소셜 미디어로 글을 보여주는 방식도 제공할 수 있다.마지막으로 검색엔진의 최적화된 HTML 라벨은 당신이 얼마나 좋은 순위를 얻을 수 있는지를 결정한다.
나는 이 문장이 초보자에게 친절하기를 원하기 때문에 가장 자주 사용하는 것을 선택했다. 그러면 너는 너의 페이지에 그것들을 포함할 수 있다.

페이지 제목 레이블

이것은 헤더 요소에 포함될 수 있는 태그입니다.

1. 머리글 태그

제목 라벨은 기본적으로 너의 내용을 묘사했다.

<title>My fancy title</title>

검색엔진 결과 페이지에서 가장 먼저 볼 수 있는 것은 제목 탭입니다. 만약 제목이 사용자의 흥미를 끌지 못한다면 링크를 클릭할 수 없습니다.또한 제목 레이블이 브라우저 탭에 표시되므로 여러 탭이 열려 있으면 제목이 원하는 탭을 쉽게 읽어들일 수 있습니다.마지막으로 누군가가 소셜미디어에서 당신의 링크를 공유할 때 제목도 표시됩니다.
제목 태그에 대한 몇 가지 권장 사항:

구글이 콘텐츠와 더 관련된 제목으로 바꿀 수 있기 때문에 제목에 키워드를 추가하지 마라.따라서 제목이 내용을 충실하게 묘사했는지 확인해야 한다.

길이를 70자 이하로 조절합니다. 제목이 길면 이 문자들이 얼마나 많은 공간을 차지하는지 기억하세요. 그러면 잘리지 않습니다. (and, or가 아닌 "/"를 사용할 수 있습니다. 등등)

당신의 키워드는 제목의 첫머리에 있어야 합니다. 그러면 쉽게 발견될 수 있습니다.

당신의 사이트에서 같은 제목을 반복하지 마세요. 구글은 당신의 사이트 내용이 중복된다고 해서 당신을 징벌할 수도 있습니다.

만약에 유명 브랜드라면 제목 끝에 이 브랜드 이름을 사용할 수 있다. 이것은 제목에 더 많은 가치를 부여하고 제목 자체에 관심을 기울일 것이다. 홈페이지가 아니라면.

2.원 설명 태그

검색엔진 결과 페이지 (SERP) 에서 사용자의 결과를 클릭하는 데 도움을 줄 수 있는 매력적인 설명이 있다.HTML에서는 다음과 같이 표시됩니다.

<meta name="description" content="Some catchy description">

다음은 SERP에 설명되어 있습니다.

때때로 구글은 당신의 페이지 사본을 인용할 수도 있습니다. 만약 이렇게 하면 당신의 설명이 아니라 조회에 더 적합할 수도 있습니다.비록 이 라벨은 랭킹 요소가 아니지만, 나는 당신들 대다수가 클릭하기 전에 본능적으로 설명을 볼 것이라고 믿습니다. 사용자가 당신의 URL을 공유할 때, 그것들도 소셜 미디어에 나타날 것입니다.
메타 설명 태그에 대한 몇 가지 권장사항:

내가 너에게 줄 수 있는 건의는 페이지 내용과 가장 일치하는 설명을 써야 하며 중복 설명을 피해야 한다는 것이다.

또한 알파벳 숫자 문자를 사용하지 마십시오. 예를 들어 인용부호를 사용할 때 구글은 중간 문장을 무시하기 때문에 알파벳 숫자 문자를 전혀 사용하지 않는 것이 안전합니다.

앞의 150-160자만 보존되고 나머지 문자는 잘라지기 때문에 길이를 다시 기억한다.그리고 시작할 때 가장 관련된 내용을 포함해야 한다.

3. 그래픽 태그 열기

Open graph tags는 페이스북 오픈 그래프 프로토콜의 일부로 웹 페이지의 제목 부분에서 이를 찾을 수 있다. 이를 만드는 이유는 웹 페이지 정보가 소셜 미디어에서의 표현 방식을 제어할 수 있기 때문이다. 이는 소셜 미디어에서 링크의 성능에 영향을 미칠 수 있다는 것을 의미한다.모든 주요 플랫폼이 그것들을 식별하고 광범위하게 사용할 수 있다(구글, 영영, 트위터 등)

4. 트위터 카드

열린 도형 라벨과 매우 비슷하다.사실 트위터 카드가 없으면 트위터에는 오픈 그래프 라벨이 사용된다.그것들은 트위터에서만 사용된다.

5. 로봇 라벨

Robot 태그는 검색엔진에게 어떤 페이지를 인덱스하고 싶은지, 어떤 페이지를 인덱스하고 싶지 않은지 알려주는 코드입니다. 그러면 한 페이지를 무시할 수 있습니다.만약 일부 페이지가 색인되어서는 안 된다고 생각하지만, 여전히 그것을 보존하기를 원한다면, 일부 문제를 피하는 데 도움을 줄 수 있습니다.이 탭이 없으면 검색엔진은 기본적으로 모든 페이지를 인덱스합니다.HTML에서 모양새는 다음과 같습니다.

<meta name="robots" content="index, follow">

로봇 태그에서 다음 매개변수를 지정할 수 있습니다.

noindex: 페이지의 인덱스를 방지합니다.

nofollow: 검색엔진이 페이지의 링크를 추적하는 전역성을 방지합니다.

noarchive: 검색 결과에 페이지의 캐시 복사본이 나타나지 않도록 합니다.

nosnippet: 검색 결과 및 캐시 페이지에 대한 페이지 설명이 나타나지 않도록 합니다.

없음: "noindex, nofollow"에 사용됩니다.

6. 우선순위 정렬에 사용되는 사양 레이블

동일한 내용의 페이지가 있는 경우 다음 탭을 사용하여 우선순위가 높은 페이지를 선택할 수 있습니다.

<link href="https://www.facebook.com/HildweigDev" rel="canonical">

이것은 놀라운 기교로 우리가 위에서 토론한 중복된 내용 문제를 해결할 수 있다.

7. 응답 사이트

응답식 사이트는 데스크톱과 모바일 화면을 우호적으로 보여주는 사이트다.구글은 호응성이 강한 사이트를 무호응성 사이트 위에 두었다.근데 자기가 반응하는 걸 어떻게 알았지?이 부분만 보면

<meta name="viewport" content="width=device-width, initial-scale=1.0">

이것은 헤드 요소에 포함될 수 있는 탭입니다.이제 바디 요소에 포함된 유용한 태그를 보여 드릴게요!

본문 라벨

이것들은 바디 요소에 포함될 수 있는 태그입니다

1. 이기는 헤딩 태그!

너희들 중 몇 명이 실제 내용을 읽기 전에 제목을 스크롤해서 페이지 내용을 훑어보았니?이것은 용도다.검색엔진 최적화에 있어서 제목을 사용하는 것은 검색엔진에게 당신의 내용이 도대체 무엇에 관한 것인지 더 효과적으로 알려줄 수 있다는 것을 의미한다.특정 테마를 검색할 때 구글은 제목을 사용하여 비슷한 목록의 세션을 만들 수 있습니다.

제목에 대한 권장 사항:

가장 좋은 방법은 페이지마다 h1제목이 있는데 h2를 낮은 값의 제목으로 사용할 수 있고 필요할 때 h3을 사용해서 유추할 수 있다.제목을 교묘하게 사용해서 각 부분의 내용을 명확하게 하다.

제목에 키워드나 동의어를 포함하는 것도 좋은 방법이지만 최대한 채우지 않는 게 어때요?

2. 이미지의 Alt 속성

Alt 속성은 이미지가 올바르게 표시되지 않으면 이미지에 대체 텍스트를 제공할 뿐만 아니라 검색엔진에도 유용하기 때문에 이미지가 무엇을 대표하는지 알 수 있습니다.

<img src="url" alt="A clear description">

alt 태그에 대한 권장 사항:

모든 이미지 설명을 최적화할 필요가 없고 내용에 가치를 부여하는 내용, 유용한 정보만 주목한다.

마찬가지로 키워드를 포함한다면(과도하게 사용하지 않는다) 이득을 볼 수 있다.

선명하고 간결하게 묘사한다.

3. 좋은 사용 링크

좋은 방법은 웹 페이지를 웹 사이트 내부의 다른 페이지로 연결해서 웹 사이트의 데이터를 높이는 것이다.이것은 내부 링크라고 불리는데 외부 링크는 다른 사이트 페이지를 가리키는 링크이다.링크는 검색엔진이 사이트의 페이지를 검색하고 인덱스하는 데도 도움을 줄 수 있다.구글의 한마디다.

Some pages are known because Google has already crawled them before. Other pages are discovered when Google follows a link from a known page to a new page.

또 다른 것은 외부 링크를 사용해서 검색엔진이 연결을 무시하게 하거나 도메인 이름의 권위가 낮은 사이트에 링크할 때 'nofollow' 속성을 사용하십시오.

<a href="https://www.facebook.com/HildweigDev" rel="nofollow">Maybe you want to follow my page?</a>

결론

오늘은 여기까지.전체 문장을 읽은 것을 축하합니다!생활 속의 대부분 일은 우리의 통제 범위 안에 있지 않지만, 이번에는 이러한 노력, 당신의 헌신이 모두 당신의 통제 범위 안에 있다.만약 당신이 좋아하는 내용을 저에게 알려주세요!그리고 다른 조언이 있으면 공유하고 싶으면 언제든지 댓글을 공유해 주세요!
다음은 오늘 논의한 해시태그 요약입니다.

곧 당신을 만날 것을 기대합니다!