콘텐츠 순위를 높이기위한 7 가지 중요한 온 페이지 SEO 기법
게시 됨: 2020-11-10온 페이지 SEO는 모든 블로그의 필수 요소입니다.
오프 페이지 SEO 기술은 사용자와 검색 엔진이 귀하의 사이트를 발견하는 데 도움이되지만 온 페이지 SEO는 귀하의 콘텐츠가 실제로 순위를 매길 수 있도록합니다.
잠시 후에 내가 의미하는 바를 이해하게 될 것입니다.
또한 걱정하지 마십시오. 페이지 최적화 전략을 실행하기 위해 SEO 전문가가 아니어도됩니다.
그것으로 갑시다.
목차
- 1. 온 페이지 SEO 란 무엇입니까?
- 2. 온 페이지 SEO 기법
- 2.1 올바른 위치에 타겟 키워드 삽입
- 2.2 이미지 최적화
- 2.3 신뢰할 수있는 사이트에 대한 외부 링크 통합
- 2.4 PageRank 확산을위한 사용자 내부 링크
- 2.5 웹 사이트 로딩 속도 향상
- 2.6 모바일 친화적 인 페이지 만들기
- 2.7 덜 알려진 온 페이지 SEO 기법
- 3. 결론
온 페이지 SEO 란 무엇입니까?
독학 블로거로서 SEO에 대해 가장 먼저 배울 점은 SEO에 대해 온 페이지 와 오프 페이지의 양면이 있다는 것 입니다.
오프 페이지 SEO 는 웹 사이트 외부 에서 수행하는 모든 작업을 포함하므로 순위를 높일 수 있습니다.
게스트 블로깅은 오프 페이지 SEO 전술의 예입니다. 게스트 게시물은 추천 트래픽을 얻을뿐만 아니라 백 링크 프로필을 강화하여 순위를 높일 수 있습니다.
그러나 온 페이지 SEO 에는 사이트 내에서 수행하는 최적화가 포함됩니다.
더 이상 고민하지 않고 사이트를 위에서 아래로 최적화하는 페이지 SEO 체크리스트가 있습니다.
온 페이지 SEO 기법
참고로이 게시물에서 볼 수있는 스크린 샷은 구텐베르크 편집기로 WordPress에서 찍은 것입니다.
이유? 제가 사용하는 콘텐츠 관리 시스템이기 때문입니다.
다른 블로거는 동일한 최종 결과를 달성하기 위해 플랫폼에서 유사한 기능을 찾을 수 있어야합니다.
이제 그 방법을 알아 냈으므로 페이지 최적화를 진행해 보겠습니다.
1. 올바른 위치에 타겟 키워드 삽입
나는 수년 동안 블로깅을 해왔다.
믿거 나 말거나 블로거가 사이트 전체에 키워드를 스팸으로 처리해야하는 경우가 한 번있었습니다. 그들은 곧 Google의 첫 페이지에 도달 할 것입니다!
불이익을 피하기 위해 블로거는 키워드 밀도 검사기를 사용하여 키워드를 충분히 사용한시기를 알았습니다.
또한 효과를 극대화하기 위해 특정 키워드 밀도를 따르도록 지시하는 SEO 가이드를 찾을 수도 있습니다. 그러나 그들을 뒷받침 할 충분한 증거가 없기 때문에 Brian Dean과 같은 SEO 전문가조차 더 이상 걱정하지 않습니다.
이제는 타겟 키워드가 올바른 위치에 표시되도록하는 것이 중요합니다.
위의 Brian Dean의 의견에서 언급했듯이 콘텐츠의 처음 150 개 단어부터 시작하는 것이 좋습니다. 그 외에 타겟 키워드가 이동해야하는 5 가지 다른 콘텐츠 요소가 있습니다.
제목 태그
타겟 키워드에 맞게 최적화하려면 콘텐츠의 제목 태그를 잊을 수 없습니다.
기본적으로 독자와 검색 엔진 크롤러에게 콘텐츠가 무엇인지 알려주는 HTML 요소입니다.
WordPress 사용자의 경우 게시물 편집기를 사용하여 변경할 수 있다는 사실 만 알아야합니다.
최신 버전의 WordPress가있는 경우 " 제목 추가 "필드를 찾습니다. 여기에 키워드 최적화 제목을 배치해야합니다. 가급적 시작 부분에 가깝습니다.
참고로 "이메일 마케팅"에 대한 검색 엔진 결과 페이지 또는 SERP를 살펴 보겠습니다.
이러한 사이트에서 제목 태그에 키워드를 짜는 방법에 유의하십시오.
URL 슬러그
URL 슬러그는 SERP에 나타나는 또 다른 콘텐츠 요소입니다.
명확하게 말하면 SERP 및 브라우저 주소 표시 줄의 제목 아래에 표시된 전체 URL에 대해 말하는 것이 아닙니다. 오히려 URL 슬러그는 특정 페이지를 열기 위해 도메인 주소 옆에 추가하는 확장입니다.
예 — 타겟 키워드가 있어야하는 또 다른 콘텐츠 요소입니다.
WordPress에서 게시물의 "영구 링크"를 편집하여 URL 슬러그를 쉽게 변경할 수 있습니다. 게시물 제목을 선택하고 영구 링크 필드 옆에있는 '수정'을 클릭하면됩니다.
타겟 키워드를 갖는 것 외에 URL 슬러그를 짧고 기억에 남도록 만드십시오. 이렇게하면 일부 독자가 필요할 때마다 게시물을 쉽게 찾을 수 있습니다.
부제목
콘텐츠 본문에 키워드를 넣어야한다는 것을 이미 알고 있습니다.
적어도 한 번, 처음 150 단어 이내이면 충분합니다.
콘텐츠 전반에 걸쳐 전반적인 SEO 가치를 향상시키기 위해 키워드에 최적화 된 몇 가지 부제목 을 뿌려야합니다. HTML 언어에서 이는 "<h2>", "<h3>"등과 같은 태그 내의 콘텐츠 요소입니다.
예를 들어 다음은이 섹션의 부제목이 HTML에서 어떻게 보이는지입니다.
Gutenberg 편집기에서 제목 블록을 추가하여 부제목을 만들 수 있습니다. 이렇게하려면 '블록 추가' 버튼을 클릭하고 '제목'을 선택 합니다.
일반적으로“H1”태그는 콘텐츠의 메인 타이틀로 예약되어 있습니다. 반면에“H2”는 부제목으로 사용됩니다.
그래서 제목 블록에 H2, H3 및 H4 태그 만 만들 수 있습니다.
게시물 카테고리
많은 SEO 가이드는 카테고리 도 키워드에 맞게 최적화 할 가치가 있다는 언급을 잊어 버립니다.
모든 블로그에서 카테고리는 독자와 검색 엔진 크롤러 모두가 콘텐츠의 주제를 식별하는 데 도움이됩니다. 올바른 구현을 통해 카테고리 페이지는 독자가 사이트를 둘러보고 필요한 콘텐츠를 찾는데도 도움이 될 수 있습니다.
'게시물' 하위 메뉴에서 '카테고리' 로 이동하여 WordPress에 카테고리를 만들 수 있습니다. 방망이에서 이름과 URL 슬러그를 입력하여 새 카테고리를 만들 수 있습니다.
실제 게시물과 마찬가지로 카테고리 이름과 URL 슬러그도 키워드에 최적화되어야합니다. 유일한 차이점은 카테고리를 사용하면 롱테일 키워드 대신 광범위한 주제를 찾는 것이 더 낫다는 것입니다.
예를 들어 비디오 게임에 대해 블로그를 작성하는 경우 "RPG", "액션", "공포"및 "멀티 플레이어"와 같은 카테고리를 사용할 수 있습니다.
워드 프레스 카테고리에 대한 모든 것을 말씀 드리고 싶지만 다른 날의 블로그 게시물입니다.
메타 설명
SERP로 돌아 가면 페이지의 메타 설명 은 사용자에게 콘텐츠에 대한 간략한 요약을 제공합니다.
웹 사이트 순위에 직접적인 영향을주지는 않지만 클릭률 에 어느 정도 영향을 미칠 수 있습니다. 이는 결과적으로 게시물이 생성 할 수있는 유기적 트래픽에 영향을 미쳐 순위의 다른 측면을 설정합니다.
확인하세요 : Google은 메타 설명이 순위에 영향을 미치지 않는다고 명시했지만, 상위 페이지는 키워드에 최적화 된 설명을 사용하는 것으로 관찰됩니다.
WordPress에서 메타 설명을 작성하려면 블로거를위한 페이지 최적화 도구 인 Yoast SEO의 도움이 필요합니다.
설치가 완료되면 게시물 편집기에서 Yoast SEO의 기능에 액세스 할 수 있습니다. Gutenberg 사용자의 경우 인터페이스의 오른쪽 상단 모서리에있는 Yoast 아이콘을 클릭하면됩니다.
'스 니펫 미리보기'를 클릭하면 SERP에서 게시물이 어떻게 보이는지 표시됩니다. 거기에서 게시물 제목, URL 슬러그 및 메타 설명을 직접 편집 할 수도 있습니다.
WordPress를 사용하는 경우 편집기 바로 아래에서 유사한 패널을 찾을 수 있습니다.
메타 설명을 작성할 때 150 자에서 160 자 사이의 문자 만 사용하도록하십시오. 그 이상은 Google이 균일 성을 위해 텍스트를 자르기 때문에 SERP에 설명이 제대로 표시되지 않을 수 있습니다.
편리하게도 Yoast SEO 플러그인은 입력 할 때 메타 설명의 실시간 미리보기를 렌더링합니다. 너무 긴 메타 설명을 작성하지 않으려면 사용하십시오.
2. 이미지 최적화
키워드를 넣을 위치에 대해 말하면 이미지 도 키워드에 최적화되어야합니다.
과거에는 SEO를 위해 웹 사이트 이미지를 최적화하는 방법에 대한 최고의 전략에 대해 썼습니다.
해당 게시물을 자세히 읽고이 섹션을 완전히 건너 뛸 수 있습니다. 어쨌든 이미지 최적화에 대해 알아야 할 모든 것을 반복하겠습니다.
최적화 된 이미지 파일 이름 사용
이미지에 키워드를 어떻게 사용할 수 있을까요?
쉬움 — 이미지의 파일 이름 과 대체 텍스트 태그.
두 요소 모두 특별한 도구가 필요하지 않습니다. 이미지의 이름을 바꾸는 것은 지금 쯤이면 당신에게 어린 아이의 놀이가 될 것입니다.
당신이 당신의 이미지를 호출 해야하는 것입니다 질문?
글쎄, 사진이 보여주는 내용을 설명하는 것 외에 의미가있을 때 키워드를 포함 시키십시오.
여기서 목표는 검색 엔진이 이미지를 이해하는 데 도움이되도록 최대한 설명하는 것입니다.
이 멋진 그랜드 캐년 사진이 있다고 가정 해 보겠습니다. ' photo_2019_05_10_13-29-01.png '라는 이름을 유지하는 대신 ' 그랜드 캐년 국립 공원 '또는 '그랜드 캐년 여행 사진'이라고합니다.
WordPress에 업로드하면 이미지의 파일 이름이 단어 사이에 대시로 자동 변환됩니다. 예를 들어 'Grand Canyon National Park'대신 'Grand-Canyon-National-Park.png'를 입력합니다.
걱정하지 마십시오. 검색 엔진은 이러한 파일 이름을 모두 똑같이 이해할 수 있습니다.
이미지 대체 텍스트 태그 최적화
이미지 파일 이름과는 별도로 대체 텍스트 또는 대체 텍스트 태그 도 설명 적이어야하며 가능하면 키워드에 최적화되어야합니다.
WordPress 미디어 라이브러리에서 또는 게시물에 이미지를 추가 할 때 대체 텍스트 태그를 편집 할 수 있습니다. 이미지 업 로더 또는 미디어 라이브러리에서 " 대체 텍스트 "필드를 찾습니다.
이미지 대체 텍스트 태그와 관련하여 SEO 관점에서 모든 설명 문구가 허용되어야합니다. 개인적으로 이미지 대체 텍스트 태그를 작성할 때 사용자 중심의 접근 방식을 사용합니다.
예를 들어 제휴 마케팅 비즈니스 모델을 시각화 한 인포 그래픽을 업로드하는 경우 다음을 사용할 수 있습니다.
- 제휴 마케팅의 작동 원리
- 제휴 마케팅 모델
- 제휴 마케팅으로 수익을 창출하는 방법
이미지 압축
이 시점부터 이미지 이름을 바꾸고 대체 텍스트 태그를 추가하는 습관을 가져야합니다.
블로그에서 이미지를 사용할 때 간과해서는 안되는 한 가지가 더 있습니다.
블로그 페이지 로딩 시간을 줄이는 방법에 대해 글을 쓸 때 이것에 대해 이야기했습니다.
간단히 말해서 이미지 압축 도구 를 사용하여 이미지 의 파일 크기를 줄여야합니다. 이것은 웹 사이트의 성능과 검색 엔진 순위에 상당한 영향을 미칩니다.
이 작업을 위해 저는 항상 웹에서 사용할 수있는 무손실 압축 도구 인 Kraken.io를 추천했습니다. 품질 저하없이 이미지를 대량으로 압축 할 수있는 웹 인터페이스를 사용합니다.
3. 신뢰할 수있는 사이트에 대한 외부 링크 통합
SEO 친화적 인 콘텐츠를 작성하려면 기억해야 할 몇 가지 규칙이 있습니다.
무엇보다도, 독자와 검색 엔진 크롤러 모두를 달래기 위해 콘텐츠는 킬러 품질이어야합니다.
더 심층적 인 가이드가 필요한 것이기 때문에 얼마 전에이 게시물을 게시했습니다.
게시물을 작성하는 동안 기억해야 할 것은 다른 사이트에 대한 아웃 바운드 링크를 통합하는 것입니다.
아웃 바운드 링크 란 무엇입니까?
SEO 세계에서 아웃 바운드 링크는 검색 엔진이 콘텐츠의 주제를 결정하는 데 도움이되는 관련성 신호로 간주됩니다. 올바르게 수행하면 외부 링크도 독자가 블로그에서 얻을 수있는 가치를 극대화 할 수 있습니다.
예를 들어 지금 당장 진행하여 SEO 도구 및 리소스에 대한 Raelyn Tan의 게시물에 연결할 수 있습니다. 대부분의 도구는이 기사에서 배울 지식을 적용하는 데 유용 할 수 있습니다.
당신이 충성스러운 Master Blogging 독자라면, 나 자신이 외부 연결의 열렬한 팬이라는 것을 알 것입니다.
외부 연결 : 기억해야 할 사항
다음은 외부 링크에 대해 기억해야 할 몇 가지 팁입니다.
1. 외부 링크 스팸 금지
외부 링크가 SEO와 독자에게 도움이되는 것처럼이를 남용하면 몇 가지 단점이 있습니다.
여기에 있습니다 : 외부 링크는 확실히 독자의주의를 콘텐츠에서 멀어지게 할 수 있습니다.
페이지에서 사용하는 아웃 바운드 링크가 많을수록 청중이 떠나는 이유가 많아집니다.
또한 검색 엔진은 너무 많은 링크를 의도적으로 링크를 판매하고 있다는 신호로 인식합니다. 그것은 모든 자존심이 강한 블로거가 연관되기를 원하지 않는 것입니다.
일반적으로 콘텐츠의 500 개 단어마다 5 개 미만의 아웃 바운드 링크를 사용합니다.
또한 하나의 단락으로 묶는 대신 콘텐츠 전체에 퍼 뜨리십시오. 그것은 당신의 외부 연결 전략을 더 자연스럽게 만들어야합니다.
링크를 서로 가까이 두는 유일한 이유는 도구 나 통계를 나열 할 때입니다. 그렇지 않으면, 그들은 그들 사이의 텍스트를 잘 도와야합니다.
2. 신뢰할 수있는 사이트에 대한 링크 만
관련성을 위해 아웃 바운드 링크를 사용하는 경우 찾을 수있는 가장 신뢰할 수있는 리소스에 연결하는 것이 좋습니다.
대부분의 경우 Google의 첫 페이지에서 사이트 만 선택하는 것으로 충분합니다.
SEO의 중요성을 논의하는 게시물에 연결하고 싶다고 가정 해 보겠습니다. “ SEO의 중요성 ”키워드를 사용하는 빠른 Google 검색은 올바른 사이트를 가리켜 야합니다.
그러나 SERP에서 권한이 낮은 페이지를 생성 할 수있는 인기없는 키워드를 타겟팅하는 경우 사이트를 다시 확인하십시오.
독자와 검색 엔진을 저품질 콘텐츠로 보내고 싶지 않습니다.
3. No-Follow 링크 사용시기 파악
SEO를 처음 접하는 사람들을 위해 알아야 할 두 가지 유형의 외부 링크가 있습니다.
"Nofollow"및 "Dofollow"링크.
나는 당신에게 SEO 전문 용어를 아끼고 이것을 말할 것입니다. dofollow 링크는 권위를 전달하는 반면 nofollow 링크는 그렇지 않습니다.
이는 dofollow 링크가 Google PageRank 알고리즘에 더 많은 가중치를 부여하여 웹 사이트의 유기적 순위에 직접적인 영향을 미친다는 것을 의미합니다.
그렇다면 링크에서 nofollow 속성의 목적은 무엇입니까?
nofollow 링크를 사용하면 블로거가 품질이 낮은 사이트에 연결하거나 너무 많은 아웃 바운드 링크가있는 것에 대한 불이익을 피할 수 있습니다. 이것은 다른 사이트를 검토하거나 유료 링크를 만들거나 매우 긴 기사를 작성하는 경우에 의미가 있습니다.
nofollow 링크를 만들려면 <a> 태그 사이에 rel =”nofollow ”를 연결하면됩니다.
4. 새 탭을 열도록 외부 링크 설정
게시물에 대한 독자의 관심을 유지하는 또 다른 방법은 모든 외부 링크에 새 탭을 열도록 지시하는 것입니다.
이것이 중요한 이유를 알기 위해 블로깅 전문가가 될 필요는 없습니다.
링크가 새 탭을 열면 새 페이지를 표시 한 후에도 독자의주의를 끌 수 있습니다.
링크를 WordPress에서 새 탭으로 열려면 가장 쉬운 방법은 '새 탭에서 열기' 토글을 사용하는 것입니다. 게시물 편집기를 사용하여 링크를 삽입 할 때이 옵션에 액세스 할 수 있습니다.
HTML을 통해 target =”blank” 속성을 사용하여 새 탭을 열도록 링크를 설정할 수 있습니다. 페이지 코드의 <a> 태그 내에 삽입해야합니다.
5. 자연스럽게 외부 링크 만 사용
마지막으로, 콘텐츠에 외부 링크를 포함하기 위해 아웃 바운드 링크를 삽입해서는 안됩니다.
독자의 관점에서 아웃 바운드 링크가없는 게시물은 강제 링크가있는 기사보다 선호됩니다. 즉, 각 링크가 게시물의 컨텍스트에 부합한다는 점을 강조하십시오.
일반적인 시나리오에는 데이터 소스, 언급 된 도구, 기술 용어 설명 및 기타 참조 링크가 포함됩니다.
정말로 링크를 삽입해야하는 경우 전체 단락 또는 두 개를 할당하여 링크가 어디로 가는지 설명하십시오.
내 블로그에 외부 링크를 삽입하는 방법을 살펴보십시오.
4. 내부 링크를 사용하여 PageRank 확산
완전히 다른 도메인에 독자를 가지고 그 외부 링크는 달리, 내부 링크는 귀하의 사이트에 그들을 유지 할 수 있습니다.
이 전체 길이 가이드에서 내부 링크에 대해 썼으므로 여기서는 많이 다루지 않겠습니다.
저것 좀 봐? 유용한 정보를 보여주기 위해 내부 링크를 사용했습니다.
이것이 바로 내부 링크의 모든 것입니다. 독자에게 자신의 콘텐츠 라이브러리에서 더 유용한 정보를 제공합니다.
청중의 경험을 개선하는 것 외에도 내부 링크에는 SEO 이점도 있습니다.
PageRank를 다른 페이지로 전달하고 검색 엔진 크롤러가 더 많은 콘텐츠를 색인화하도록 도와줍니다.
내부 연결 팁
내부 링크를 완전히 활용하려면 다음과 같은 외부 링크를 만들 때와 유사한 관행을 준수하십시오.
- 새 탭을 열도록 내부 링크 설정 — 기술적으로 사이트에 독자를 유지하고 있지만 내부 링크는 여전히 사용자 경험을 유지할 수 있습니다. 새 탭을 열도록 내부 링크를 설정하면 처음에 온 이유를 잊지 않도록합니다.
- 유익한 앵커 텍스트 사용 — 이것은 쉽게 이해할 수있는 것처럼 보일 수 있지만 많은 초보자는 여전히 똑같이 잊어 버립니다. 링크가 외부이든 내부이든 관계없이 독자는 상대방에서 무엇을 기대해야하는지 알아야합니다.
- 관련 페이지 링크 — 독자의 경험에 정말로 관심이 있다면 관련 없는 페이지에 대한 링크를 스팸으로 보내지 않을 것입니다. 가능한 한 원래 생각했던 목표를 달성하는 데 도움이 될 수있는 게시물로만 링크하십시오.
독자를 다소 관련이없는 게시물로 안내하려면 결론 또는 탐색 사이드 바의 링크를 대신 고려하십시오.
여기 Master Blogging에서 "유용한 블로깅 가이드"패널 아래에 이러한 링크를 통합합니다.
5. 웹 사이트의 로딩 속도 향상
따라서 이제 블로그에 시청자에게 보여줄 놀라운 콘텐츠가 있습니다.
그들은 또한 나쁜 방식으로 귀하의 콘텐츠를보기를 기다릴 수 없습니다.
주의 집중 기간이 짧은 시대에 20-40 %의 사용자가 3 초 내에로드되지 않는 사이트를 떠납니다.
특히 트래픽을 구축하는 데 걸리는 작업량을 고려하면 엄청난 수입니다.
순위 요소로서의 로딩 속도
Google은 사용자 경험에 관한 모든 것이기 때문에 로딩 속도는 SERP 및 광고 게재 위치에 대해 잘 정립 된 순위 요소이기도합니다.
즉, 성능이 느리면 모든 사이트에 이중 흠집이 발생합니다. 독자의 최대 40 %를 잃는 것 외에도 높은 순위를 얻을 수있는 기회도 떨어집니다.
다행히도 느린 웹 사이트는 오랜 시간 마스터 블로깅 독자라면 해결할 수 있어야합니다. 그렇지 않은 경우 페이지로드 시간을 줄이는 방법에 대한이 도움말 목록을 확인하세요.
GTmetrix를 실행 패드로 사용
GTmetrix는 웹 사이트의 성능을 최적화하려는 경우 PageSpeed Insights의 훌륭한 대안입니다.
이것이하는 일은 웹 사이트의 성능을 평가하고 속도를 늦출 수있는 근본적인 요소를 식별하는 것입니다.
GTmetrix를 사용하려면 웹 사이트의 URL을 기본 입력란에 입력하고 '분석'을 클릭 하십시오.
몇 초 후 GTmetrix는 포괄적 인 성능 보고서를 제공합니다. 여기에는 전체 속도 점수, 총로드 시간 및 처리 된 HTTP 요청 수가 포함됩니다.
보고서에서 정말 중요한 것은 사이트 속도를 높이는 데 도움이되는 실행 가능한 권장 사항 목록입니다.
다음을 찾기 위해 멀리 스크롤 할 필요가 없습니다.
이러한 권장 사항이 상형 문자처럼 보이면 이전에 링크 한 가이드를 참조하십시오. 후회하지 않을 것입니다!
이러한 권장 사항 위에있는 탭에 'PageSpeed'가 표시되어있을 수 있습니다. GTmetrix는 PageSpeed Insights의 정보를 집계하여 실적 보고서를 작성하기 때문입니다.
어쨌든 추천이 PageSpeed Insights에서 나온 것이라면 GTmetrix를 사용하는 이유는 무엇입니까?
두 단어 : 더 많은 데이터.
PageSpeed Insights는 GTmetrix의 유일한 데이터 소스가 아닙니다. 또한 Yahoo의 규칙을 기반으로 웹 사이트 성능을 분석하는 오픈 소스 도구 인 YSlow에서 인사이트를 수집합니다.
또한 GTmetrix는 Waterfall Chart , 페이지로드 타이밍 시각화 및 성능 데이터 기록과 같은 추가 데이터를 제공합니다. 이 모든 것이 시간 경과에 따른 성능 최적화 노력을 모니터링하고 미세 조정하는 데 도움이 될 수 있습니다.
6. 모바일 친화적 인 페이지 만들기
온 페이지 SEO의 다음 측면에는 사용할 수있는 Google 도구, 즉 모바일 친 화성 테스트가 있습니다.
아직 들어 보지 못한 경우 Google은 색인 생성 과정에서 웹 사이트의 모바일 버전에 우선 순위를 둡니다. 이는 2018 년 공식 Google 웹 마스터 블로그에 발표 된 Mobile-First Indexing 이니셔티브로 출시되었습니다.
간단히 말해서 사이트의 모바일 버전의 페이지 최적화에 초점을 맞추는 것은 더 이상 옵션이 아닙니다. 실제로 페이지의 SEO에 관한 한 할 일 목록의 맨 위에 있어야합니다.
Google 모바일 친 화성 테스트 사용 방법
모바일 친 화성 테스트는 웹 사이트를 분석하고 최적화 제안을 제공하여 올바른 방향을 제시 할 수 있습니다.
PageSpeed Insights와 마찬가지로 Mobile-Friendly Test는 웹 사이트의 URL 만 필요로합니다.
모바일 친 화성 테스트의 작동 방식을 보여주기 위해 최적화되지 않은 사이트의 테스트 결과를 확인해 보겠습니다.
세계 최악의 웹 사이트 (의도적으로 끔찍하게 설계됨)는 완벽한 후보가되어야합니다.
모바일 친 화성 테스트에서 제가 좋아하는 점 중 하나는 그것이 얼마나 직설적이고 정확한지입니다.
많은 메트릭으로 작업을 복잡하게 만들지 않습니다. 대신 사이트가 모바일 친화적인지 여부를 미리 알려주고 필요한 수정 사항을 나열합니다.
물론 이러한 권장 사항은 개발자가 아닌 사용자에게 유용한 리소스와 함께 제공됩니다.
보고서의 '추가 리소스'섹션에서 '오류 수정 방법 알아보기'를 클릭 합니다. 그러면 감지 된 문제에 대해 더 많은 컨텍스트를 얻을 수있는 'Search Console 도움말'페이지로 이동합니다.
시간을 절약 할 수 있도록 모바일 친 화성 테스트를 통해 발생할 수있는 몇 가지 일반적인 오류는 다음과 같습니다.
뷰포트가 설정되지 않음
웹 개발에서 "viewport"속성은 브라우저가 사용자의 현재 장치에 적합한 페이지 크기를 결정하는 데 도움이됩니다.
웹 사이트에서 응답 성 을 구현 하는 것이이 문제를 해결하는 가장 실용적인 방법입니다. 모바일보기를 위해 페이지 내 요소를 자동으로 재배치, 크기 조정 및 조정하는 웹 사이트의 기능과 관련이 있습니다.
좋은 소식은 대부분의 최신 블로깅 서비스 및 콘텐츠 관리 시스템이 플랫폼에 포함 된 모바일 응답 성을 갖추고 있다는 것입니다.
예를 들어 WordPress에는 쉽게 사용할 수있는 수십 개의 무료 모바일 반응 테마가 있습니다.
단점은 모바일 반응 형을 수동으로 구현하는 것이 숙련 된 개발자의 일이라는 것입니다.
DIY 블로거이고 직접 반응 형 디자인을하고 싶다면이 게시물을 살펴보세요. Shay Howe의 반응 형 웹 디자인에 대한 AZ 가이드입니다.
화면보다 넓은 콘텐츠
코딩 배경없이 반응 형 웹 디자인을 실험하는 데는 단점이 있습니다.
"화면보다 넓은 콘텐츠"문제와 같은 예기치 않은 문제가 발생할 수 있습니다.
모바일 친 화성 테스트에서이 문제를 감지하면 사이트가 사용자의 기본 가로보기 공간 외부에 요소를 표시하고 있음을 의미합니다. 결과적으로 청중은 콘텐츠 전체를 보려면 왼쪽과 오른쪽으로 스크롤해야합니다.
사소하게 들릴지 모르지만 터치 스크린 장치를 사용하여 웹 사이트를 탐색하는 직관성을 깨뜨립니다.
휴대폰에서 콘텐츠를 볼 때 위아래로만 스 와이프하는 데 익숙하다면 약간 짜증이 날 것입니다.
다시 말하지만 처음부터 모바일 반응 형 테마로 시작하면이 문제를 쉽게 방지 할 수 있습니다. 모바일 디스플레이에서 모든 것이 제대로 렌더링되도록 더 이상 웹 사이트의 코드를 조작 할 필요가 없습니다.
하지만 도전에서 물러나는 유형이 아니라면 다음 팁을 기억하십시오.
항상 상대 너비 값을 사용하십시오.
CSS에서 페이지 요소의 너비 값을 설정할 때마다 너비 : 100 % 와 같은 상대 값을 사용하십시오 . '너비 : 500px'와 같은 절대 너비와 달리 최대 100 %의 비율은 모든 것을 화면 내에 유지해야합니다.
읽기에 너무 작은 텍스트
모든 것을 고려하면 "텍스트가 너무 작아서 읽을 수 없습니다"문제는 쉽게 해결할 수 있습니다.
짐작 하셨겠지만 블로그에서 모바일 화면에 비해 너무 작은 글꼴을 사용하는 경우 Mobile-Friendly Test에서이 문제를 표시합니다.
해결책은 콘텐츠의 글꼴 크기 를 늘리는 것임을 설명 할 필요는 없습니다 .
글꼴이 충분히 큰지 어떻게 알 수 있습니까?
그 동안 mobiReady와 같은 도구를 참조하여 사이트가 다양한 디스플레이에 어떻게 표시되는지 테스트하십시오.
클릭 가능한 요소가 너무 가까움
'클릭 가능한 요소가 너무 가깝게'라는 것은 스스로 알아낼 수있는 또 다른 문제입니다.
링크, 버튼 및 이미지와 같은 클릭 가능한 요소 사이에 충분한 공백을 사용하고 있지 않음을 의미합니다. 이로 인해 모바일 사용자가 이러한 개체를 클릭하거나 "탭"하여 블로그를 돌아 다니는 것이 불편합니다.
사이트의 디자인과 페이지 레이아웃을 신중하게 계획하면 사용자, 특히 손가락이 큰 사용자가 사이트를 탐색하는 데 도움이됩니다.
예를 들어, 내 웹 사이트가 스마트 폰에서 클릭 가능한 요소를 표시하는 방법을 공유하겠습니다.
탐색 메뉴 및 공유 버튼이 수직 레이아웃으로 어떻게 전환되는지 확인하십시오.
호환되지 않는 플러그인 사용
현실을 직시하십시오. 블로그에서 멋진 Flash 콘텐츠를 사용하는 사람은 거의 없을 것입니다.
오해하지 마십시오. 저는 다른 것을 시도하는 것을 두려워하지 않는 블로거를 존경합니다.
사용자 경험을 돋보이게하고 경쟁에서 돋보인다는 의미라면 "과도한 도달"을 두려워하지 마십시오. 그러나 귀하의 노력이 접근성을 희생해서는 안됩니다 .
Flash 콘텐츠는 대부분의 Android 및 iOS 모바일 장치와 호환되지 않는 것으로 알려져 있습니다. 즉, 블로그에서 사용하면 모바일 사용자의 경험을 혼자서 죽일 수 있습니다.
풍부한 콘텐츠로 블로그의 사용자 경험을 향상 시키기로 결정했다면 HTML5를 사용하십시오. Flash와 달리 기본적으로 훨씬 더 긴 웹 브라우저 목록에서 지원됩니다.
7. 잘 알려지지 않은 온 페이지 SEO 기법
거기에 있습니다.
위의 목록은 올해 최신 SEO 업데이트에 필요한 전략을 요약 한 것입니다.
어쨌든 대부분의 SEO 기사, 코스 및 튜토리얼에서 언급하는 모든 것.
아래에 설명 된 덜 알려진 기술을 사용하여 페이지 최적화를 한 단계 더 발전시킬 수 있습니다.
관련 동영상 삽입
올해 들어서는 최신 SEO 트렌드 중에는 오가닉 랭킹을위한 비디오 콘텐츠의 중요성이 커지고 있습니다.
비디오는 독자의 전반적인 학습 경험을 향상시키고 체류 시간을 최대화 할뿐만 아니라 또한 잘 만들어진 동영상으로 고개를 돌릴 가능성이 높은 소셜 미디어에서 게시물의 공유 가능성을 높입니다.
비디오 콘텐츠에 대한 투자는 이제 Animaker와 같은 클라우드 기반 플랫폼 덕분에 소규모 블로거에게 더 유리합니다. 이러한 도구는 특히 화이트 보드 설명 비디오 및 애니메이션 인포 그래픽과 같은 기본 형식을 사용하여 비디오 제작의 복잡성을 제거합니다.
더 많은 블로그 댓글 생성
믿거 나 말거나 블로그 댓글은 웹 사이트의 유기적 트래픽 생성 능력에 직접적인 영향을 미칩니다.
자세한 내용은 블로그 댓글을 더 많이받는 방법에 대해이 게시물을 읽어보세요. 그럼에도 불구하고 게시물에서 대화를 시작하기 위해 알아야 할 핵심 사항은 다음과 같습니다.
- 독자가 의사 소통 할 분위기를 갖도록 대화 어투를 사용하여 글쓰기
- 게시물 내에 목록을 만들고 독자에게 더 많은 제안을 요청하세요.
- 독자가 댓글을 달도록 게시물 끝에 CTA 또는 클릭 유도 문안 을 삽입하세요.
- 블로그 댓글 작성 프로세스를 간소화하고 액세스 가능하게 만들기
콘텐츠의 읽기 수준에 유의
두 가지 유형의 블로거가 있습니다.
콘텐츠의 읽기 수준에 관심이있는 사람과 그렇지 않은 사람.
Yoast SEO for WordPress에는 콘텐츠를 읽는 것이 얼마나 "어려웠는지"를 측정하는 Flesch Reading Ease 검사기가 있습니다.
Flesch Reading Ease 점수가 높을수록 좋습니다. 반대로 점수가 낮 으면 콘텐츠를 읽기가 너무 어려울 수 있음을 나타냅니다.
콘텐츠의 Flesch Reading Ease 점수를 높이려면 다음과 같은 작문 연습을 살펴보십시오.
- 짧은 문장 유지 — 눈치 채지 못한 경우에 대비하여 제가 작성하는 문장의 99 %는 20 단어 이하입니다. 긴 기사를 읽기에 덜 지치게 만들기 위해 이렇게합니다.
- 자주 단락 나누기 — 또 다른 사실은 내 단락의 대부분이 매우 짧다는 것입니다. 각각 최대 2 개의 문장으로 구성됩니다. 너무 많다고 생각하면 문단 당 평균 5 개의 문장 만 촬영할 수 있습니다.
- 낮은 음절 단어 사용 — Flesch Reading Ease는 쓰기에서 단어 당 평균 음절 수를 평가합니다. 점수를 높이려면 "불만족"대신 "나쁨"과 같이 복잡한 단어 대신 짧고 음절이 낮은 단어를 선택하십시오.
제목을 짧게 유지하십시오
마지막으로, 블로그 게시물 제목은 SERP에서 잘 작동하도록 키워드 최적화 이상이어야합니다.
기본 전술은 사용자 중심, 숫자 삽입, 생각을 자극하는 질문을 포함합니다. 신인 블로거가 아니라면 이미 이것에 대해 잘 알고 있어야합니다.
그러나 페이지 내 SEO 측면에서 많은 블로거는 게시물 제목을 50-60 자 이내로 유지하는 것을 잊습니다 .
메타 설명과 마찬가지로 Google은 SERP에서 페이지 제목을 자릅니다. 제목을 50 ~ 60 자 미만으로 유지하면 제대로 표시 될 수 있습니다.
확실하지 않은 경우 Moz의 제목 태그 미리보기 도구를 사용하십시오. 사용하려는 제목을 입력하고 '확인'을 클릭하기 만하면됩니다.
결론
그것은 어떻습니까-당신은 당신의 블로깅 게임을 향상시킬 또 다른 가이드를 완료했습니다!
온 페이지 SEO는 풀 타임 블로거가 지루하다고 생각하는 것 중 하나 일 수 있습니다. 그럼에도 불구하고 그것은 당신이없이 경쟁하기를 바랄 수없는 블로깅의 중요한 측면입니다.
위의 가이드는 귀하의 페이지 SEO 캠페인을 빠르게 진행하기에 충분해야합니다. 읽은 내용에 대한 질문, 제안 또는 피드백이 있으면 아래에 의견을 남겨주세요.
행운을 빕니다!
