유용한 소식과 정보

검색엔진(SEO)점수를 개발자 도구로 단번에 파악하는 방법과 점수 올리는방법!

monstage 2023. 4. 5. 17:40
728x90

 

 

사이트 seo점수 단번에 확인


목차

1. seo란?

2. seo 점수 개발자 도구로 단번에 확인하는 방법은?

3. 개인적으로 seo 글쓰기 중 중요시 여기는 것들 (h1태그, alt 요소)


 


SEO란?

SEO란 검색엔진 최적화를 뜻하며 각 사이트마다 최적의 SEO가 존재합니다. 만약 구글에 집중적으로 노출되는 블로그를 하고 싶다 하시면 구글 SEO에 맞는 글을 쓰게 되면 동일한 주제/제목의 인데 SEO에 맞는 글을 쓴 글이 상위노출될 가능성이 더 높아지는 것입니다.

 

 


seo 점수 확인방법

 

크롬브라우저 사용)  자신이 작성한 글이나 홈페이지에 들어가서 F12를 누르시면 이와 같이 개발자 도구창이 뜨게 됩니다.

개발자도구

 

여기서 해당 화살표를 누르고 Lighthouse 메뉴로 이동합니다.

 

lighthouse 선택

 

여기서 Categories는 Seo만 체크해 주시면 됩니다. 그다음 모바일 seo를 확인하고 싶으시다면 바로 analyze를 누르시면 되고 pc 버전 seo를 확인하고 싶으시다면  desktop을 선택 후 버튼을 누르시면 되겠습니다.

 

 

728x90

SEO lighthouse
다른 카테고리도 신경쓰면 좋겠지만 이글의 목적은 단순 SEO이기 때문에 SEO만 선택하였습니다.

 

Seo 점수

이렇게 분석을 누르면 실시간으로 pc / 모바일의 seo 점수를 나타내주고 아래는 seo 점수가 깎인 이유에 대해서 친절히 설명해 줍니다. 

 


SEO 점수 올리는 좋은 방법들은?

 

1. H1 태그는 글에 제목에만 붙어있는지 확인!

개발자도구 h1 태그찾기

 똑같이 개발자 도구창을 킨 상태로 ctrl + f를 눌러 단독적인 h1 태그가 제목에만 붙어있는지 확인합니다. 만약 제목 말고 본문에 h1 태그가 붙어있으면 봇이 크롤링할 때 글을 중구난방으로 인식하게 되어 반드시 수정해야 합니다.

 

제목에만 H1 태그를 붙이는 방법

먼저 아무 세팅이 되어있지 않은 블로그 기준으로 먼저 자신의 블로그 아무 글에 들어간 뒤 f12(개발자 도구)를 킨 뒤 Ctrl+shift+c를 눌러 제목 요소를 파악합니다.

h1 찾기

처음에는 저 h1태그가 h2로 되어있을 수도 있고 다른것으로 되어있을수도 있지만 중요한 건 태그뒤의 txt_sub_tit 요소입니다. 저 요소를 복사하고 티스토리 블로그 관리메뉴로 돌아옵니다.

 

그다음 스킨편집에서 html 편집을 들어가신 뒤 ctrl+f를 통해 제목이 있는 요소를 찾습니다.

H1 태그 html에서 찾기

저기 보이는 txt_sub_tit의 앞뒤 태그를 확인하고 h1이 아니고 h2나 p로 되어있으면 모두 h1을 입력하시면 간단히 해결할 수 있습니다. (단!  h1 태그는 시작과 끝에 모두 붙여야 합니다 h1 class xxxxxxxxxx </h2> 이런 식으로 끝나면 NO!)

 

2. 사진에 alt 요소 집어넣기

Alt 요소
SEO에서 점수 깍인 이유중 하나인 alt 요소

 

사진에 alt 요소를 넣는 것이 왜 seo의 중요한 구성요소일까요? 그 이유는 바로 웹 접근성 향상이랑 관련 있습니다.

 

alt 태그로 텍스트 전용브라우저를 사용하거나 봇이 블로그에 있는 이미지를 읽을 때 alt 요소를 넣지 않으면 봇들이 이미지 파일 이름으로 읽거나 넘어가기 때문에 seo 점수에 좋지 않은 영향을 끼치게 됩니다.

 

Tistory에서 alt 요소 넣는 법

티스토리에서 alt요소 넣는법

사진을 클릭한뒤 맨 오른쪽 톱니바퀴를 누르시면 대체택스트 삽입칸이 뜨게 되는데 그곳에 해당 이미지 설명을 간략하게 적어두면 끝입니다. 티스토리 외에서 alt 요소를 집어넣는 방법은 html 코드에서 해당 이미지파일이 들어가 있는 곳을 찾으신 뒤 alt= " " 요소에 해당 이미지에 관한 텍스트를 넣으면 됩니다.

 

 

 

 

 
 
 
 
728x90