블로깅에서 SEO 초보자 가이드

이 기사에서는 블로그에서 SEO를 수행하는 방법을 보여줍니다.

검색엔진 최적화란 무엇인가요?



SEO의 전체 형태는 검색 엔진 최적화이며 콘텐츠 검색 엔진을 친숙하게 만들어 블로그에 유기적 트래픽을 얻는 방법을 의미합니다.

메타 태그



이 섹션에서는 메타 태그에 대해 알아봅니다.

메타 태그는 head 요소 내에서 사용되어 검색 엔진이 콘텐츠에 대해 더 잘 알 수 있도록 도와줍니다.

메타 설명

메타 설명 태그는 검색 엔진이 검색 결과 스니펫을 생성하는 데 도움이 됩니다(때로는 Google이 콘텐츠에서 임의로 선택함).



예시

<meta name="description" content="write a short description about your post" />


메타 로봇

검색 엔진에 사이트를 크롤링하고 인덱싱하는 방법을 알려줍니다.

예시:

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


  • 색인 - 내 페이지를 색인화하는 데 문제가 없습니다.
  • 팔로우 - 크롤링의 일부로 페이지의 링크를 따라갑니다.
  • noindex - 페이지 색인 생성을 중지합니다.
  • nofollow - 크롤링의 일부로 이 페이지의 링크를 따라가지 마십시오.

  • 메타 뷰포트

    메타 뷰포트 태그는 브라우저가 장치 화면에 따라 블로그 너비를 조정하는 데 도움이 되며 페이지가 얼마나 모바일 친화적인지 Google에 알려줍니다.

    예시:

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

    width=device-width는 장치 픽셀에 따라 내 페이지를 표시하는 것을 의미합니다.

    더 나은 제목 쓰기



    더 나은 제목을 작성하면 사용자와 검색 엔진이 특정 페이지의 내용을 이해하는 데 도움이 됩니다.

    제목 태그의 길이는 50~60자여야 합니다(60 google 추가 줄임표 후 ...).
  • 제목에 주요 키워드를 포함합니다.
  • (반복, 루프 등)과 같은 동의어 사용
  • 제목에 숫자 추가

  • 예:

    <title>How to loop through JavaScript object</title>
    



    <title>How to iterate through JavaScript object</title>
    



    <title>How to loop through an object in JavaScript</title>
    



    <title>3 different ways to loop through JavaScript objects</title>
    


    설명 앵커 또는 링크 텍스트 작성



    때로는 check out my post 또는 click here, 방문 my blog 등과 같은 텍스트를 사용하여 앵커 태그를 통해 게시물을 연결하고 있습니다.

    링크 텍스트는 검색 엔진 크롤러에게 링크하려는 페이지를 알려줍니다.

    이전 블로그 게시물에 링크하고 싶다고 가정해 보겠습니다. 어떻게 해야 합니까?

    좋은

    If you are getting less traffic to your blog, check out my guide about .



    나쁜

    If you are getting less traffic to your blog, check out my .

    If you are getting less traffic to your blog, then .



    단축 URL 선택



    항상 긴 URL 대신 짧은 URL을 선호하고 URL에 주요 키워드도 포함하세요.

    예:

    좋은

    /javascript-loop-through-object/
    /react-seo/
    /seo-in-react/
    


    나쁜

    /how-to-loop-through-object-in-javascript-id34-202443/
    /react-seo-learn-seo-in-react/
    


    이미지 검색 엔진을 친숙하게 만들기



    이미지 파일 이름에 설명 텍스트를 사용하면 Google에서 이미지를 더 잘 이해합니다.

    예를 들어 green-glass.png 대신 o0n040kkds.png를 사용합니다.

    Alt 속성 사용

    이미지가 로드되지 않는 경우 이미지 대신 대체 텍스트 설명이 표시되는 경우가 있습니다.

    <img src="green-glass.png" alt="green glass with air bubbles"/>
    


    According to Google webmasters, Don't use CSS to display images it's a bad practice always use <img> or picture tags.



    이동 경로 목록 사용



    이동 경로 목록을 사용하면 사용자가 루트 페이지 또는 범주 페이지로 다시 이동할 수 있습니다.

    최근에 내 블로그reactgo.com에 구현했습니다.



    이 기사가 2020년에 자연 검색 결과를 개선하는 데 도움이 되기를 바랍니다.

    관련된 컨텐츠


  • 좋은 웹페이지 즐겨찾기