구글에서 더 높은 HTML SEO 팁 5개

7892 단어 seoproductivityhtml

소개하다.


본고에서 우리는 가장 중요한 HTML 태그에 대한 새로운 기교와 견해를 배울 것이다. 이러한 태그는 HTML 문서 구조를 설정할 때 만날 수 있지만, 검색엔진 최적화 (SEO) 를 향상시키는 데 얼마나 중요한지 깨닫지 못할 것이다.

왜 검색엔진이 최적화됩니까?


모든 사람들이 휴대전화를 사용하고 있는데, 지금 가장 하기 쉬운 일 중 하나는 특정한 주제나 단어에 대해 곤혹스러울 때 구글에서 검색하는 것이다.따라서 구글의 홈페이지에 있는 사용 가능한 부동산을 이용하기 위해서는 올바른 일을 시작하고 사이트에서 키워드를 사용해 권위를 높여야 한다.

검색엔진 최적화의 장점

  • 은 웹 사이트의 검색 가능성과 가시성을 향상시키는 데 도움이 됩니다.
  • 사람들이 특정 키워드를 사용하여 검색할 때 사이트의 데이터를 높일 수 있습니다.
    • 검색엔진 최적화의 이점에 대해 더 알아보려면 link을 사용하십시오.
    시작하다🚀

    1. 머리글 태그

    <title> 태그는 검색 결과에 표시하고자 하는 제목으로 브랜드 이름과 페이지 내용을 설명하는 데 사용됩니다.제목을 60자 정도 짧게 유지하는 것이 좋습니다.
    <head>
   <title>
      SEO tips | Rank higher on Google search result
   </title>
</head>
    위의 코드 세션에서 <title> 요소를 HTML의 <head>과 </head> 요소 사이에 놓습니다.주의해야 할 점은 <head> 요소와 달리 브라우저에 불러올 때 HTML <body>의 내용이 페이지에 나타나지 않는다는 것이다.head 요소는 문서에 대한 모든 메타데이터를 포함합니다.

    2.원 태그

    <meta> 태그는 브라우저가 웹 사이트의 내용을 이해하는 데 도움을 준다.몇 가지 일반적인 메타 태그는 다음과 같습니다.
    저자
  • 설명
  • 뷰포트.
    •    <head>
    <meta name="author" content="Teri Eyenike" />
    <meta
      name="description"
      content="Project-based guide for web developers and devops engineers"
    />

    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no" />
  </head>
    viewport meta 태그는 모든 장치에 맞게 뷰포트의 너비와 배율을 조정하는 데 사용됩니다.또한 웹 개발 초기에는 키워드 표시가 매우 중요했지만 지금은 키워드 표시가 그렇게 중요하지 않고 구글도 search ranking에서 사용하지 않았다.

    네가 사용하고 싶은 또 다른 메타태그는 og:메타태그로 페이스북과 트위터 등 소셜미디어 사이트에서 다른 플랫폼에서 공유할 수 있도록 미리 보기 카드를 만드는 데 도움을 줄 수 있다.
    <head>
    <meta
      property="og:title"
      content="Teri Eyenike - A Front-end Developer and Technical Writer"
    />
    <meta property="og:type" content="website" />
    <meta
      property="og:image"
      content="https://res.cloudinary.com/codeg0d/image/upload/v1609859185/3_skg4ne.jpg"
    />
    <meta property="og:url" content="https://www.terieyenike.github.io/v2" />
    <meta property="og:description" content="Project-based guide for web developers and devops engineers" />
  </head>

    Other social media sites use the og meta tags to create posts.


    마지막으로 robots원 탭으로 검색엔진 인덱스 문서, 내부 검색결과, 중복 페이지 등을 방지하기 위해 검색에 나타나지 않으려고 합니다.
    <head>
    <meta name="robots" content="noindex nofollow" />
  </head>

    3. Alt 속성


    alt 속성은 <img> 요소에서 그림을 대체 텍스트로 설명하는 데 사용됩니다.alt 속성의 주요 기능은 웹 사이트의 접근성을 돕는 것입니다. SEO는 검색엔진의 색인 이미지를 만드는 데 도움이 됩니다.alt 속성을 사용할 때의 경험법은 간단하지만 묘사성을 유지하는 것이다.
    <img src="https://res.cloudinary.com/codeg0d/image/upload/v1609859185/2_txw6yz.jpg" alt="Poster for baby driver movie" width="600" height="300" />

    4. 사양 레이블


    canonical 태그는 검색 결과에 특정한 URL이 주 복사본을 대표하고 여러 URL에 중복된 내용으로 인한 문제를 방지하는 데 도움이 된다는 것을 알려준다.
    <head>
    <link
      rel="canonical"
      href="https://devdojo.com/teri/5-html-seo-tips-to-rank-higher-in-google"
    />
  </head>

    5. 의미 표시


    의미 표시는 HTML 표시로 브라우저에 웹 페이지의 구조를 전달하는 데 도움이 된다.<header>, <footer>, <article> 등 요소는 모두 의미 요소로 여겨진다. 왜냐하면 그들은 그 안에 박힌 내용을 묘사했기 때문이다.
    만약 적절하게 사용한다면 검색엔진과 보조 기술은 문서의 내용을 이해할 수 있고, 특히 시력이 손상된 사용자의 화면 리더를 향상시키는 데 도움이 된다.
    주의해야 할 다른 의미 요소는 다음과 같다.
  • <article>
  • <aside>
  • <details>
  • <figcaption>
  • <figure>
  • <footer>
  • <header>
  • <main>
  • <mark>
  • <nav>
  • <section>
  • <summary>
  • <time>
    • 웹 페이지의 전체 문서에 <div> 요소를 사용하지 않도록 하세요.

    결론


    본고에서 검색엔진 결과 페이지 (SERP) 에서 더 높은 순위를 얻기 위해 다음 웹 프로젝트에서 실현해야 할 다양한 전략을 이해했습니다.그 밖에 나는 네가 이러한 기교를 사용하여 너의 사이트 성장을 감시하기 시작할 것을 건의한다.

    한층 더 읽다


    Open Graph
    Canonicalization
    Semantics
    네트워크 보안 시작 정보 수집 (2) Nmap 및 Wireshark
    파이썬 벌크 처리 파일 이름

    좋은 웹페이지 즐겨찾기

    개발자 우수 사이트 수집

    개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
    best100-homepage