검색 엔진 최적화로 100% 확보
당신은 당신의 웹사이트에 최고의 SEO 최적화 또는 단순히 더 많은 노출을 꿈꾸십니까? 다음은 웹 개발에서 매우 기본적인 것입니다. 하지만 매우 매우 유용합니다.
전체 검색 엔진 최적화 부분을
<head> 태그에 작성해야 합니다. <body>는 넣지 마세요.기본 태그
<meta charset="utf-8">
<!-- Let browser know website is optimized for mobile -->
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<!-- Your sublime title -->
<title>My title under 70 characters.</title>
<meta name="description" content="This is my loooong description, and ">
<meta name="Keywords" content="seo,optimization,thisisakeyword">
<!-- This is for index on search engine -->
<meta name="robots" content="index, follow">
<meta name="googlebot" content="index, follow">
<!-- Your favicon in .png format or another -->
<link rel="icon" type="image/png" href="folder/hey/favicon.png"/>
✅ 설명은 길고 상세해야 합니다. 여러 페이지에 동일하게 표시되지 않아야 합니다. 그렇지 않으면 최적화에 악영향을 미칠 수 있습니다. 설명은 150~160자 사이로 가장 길어야 합니다.
✅ 설명은 길고 상세해야 합니다. 여러 페이지에 동일하게 표시되지 않아야 합니다. 그렇지 않으면 최적화에 악영향을 미칠 수 있습니다. 설명은 150~160자 사이로 가장 길어야 합니다.
⚠ In these two situations, avoid repetitions and try to modify them on each page.
소셜 네트워크에서 공유할 때 종종 페이지가 멋지게 표시되지만 Twitter 및 다른 네트워크에서 표시가 변경될 수 있다는 점에 유의하십시오. 트위터 사례를 특별하게 여기는 이유는 무엇입니까? 자체 태그가 있기 때문에 Facebook에 사용하는 태그를 가져오면 작동하지 않는다는 것을 공유함으로써 알 수 있습니다. 아래에 예를 보여 드리겠습니다.
<!-- Twitter Card -->
<meta name="twitter:url" content="https://my.link.org/">
<!-- This is a large image, see below if you want a small, square image. -->
<meta name="twitter:card" content="summary_large_image"/>
<!-- Optional but displays who owns the website -->
<meta name="twitter:site" content="@MyAccount"/>
<meta name="twitter:title" content="My beautiful title" />
<meta name="twitter:description" content="This is my description, it will only appear on Twitter."/>
토마스비앤티 #핵토버페스트 ☕
@thomasbnt_
나에 대한 정보☕ — thomasbnt.fr ✅ — keybase.io/thomasbnt ✉️ — 연락처[\at]thomasbnt[.]fr🔑 — 0x3430B1D7 ( pgp.mit.edu/pks/lookup?sea… )
오전 10:24 - 2020년 1월 16일
토마스비앤티 #핵토버페스트 ☕
@thomasbnt_
내 월간 재생 목록 ! open.spotify.com/playlist/6P3kX…
오전 00:11 - 2021년 10월 06일
그런 다음 웹 사이트에서 Twitter 카드가 작동하는지 테스트할 수 있습니다. .
제한 사항 및 플레이어, 응용 프로그램 또는 기타로 이러한 태그를 사용자 지정하는 방법에 대해 자세히 알아보려면 이에 대해 적절하게 알려줍니다.
나머지 SEO 부분은 Open Graph에 전념합니다. 주로 Facebook, Reddit 및 기타 여러 웹사이트에서 사용되며 반드시 사용해야 하는 필수 코드입니다.
<meta property="og:title" content="My sublime giant title"/>
<meta property="og:type" content="website"/>
<meta property="og:image" content="https://my.link.org/favicon.png"/>
<meta property="og:description" content="This is my description, that's never going to appear on twitter."/>
Example of post on Facebook with OG
사진 제공: Clem Onojeghuo on Unsplash
☕
내 . 많은 프로젝트와 업데이트를 볼 수 있습니다. 할 수도 있습니다support me on Buy Me a Coffee.
Reference
이 문제에 관하여(검색 엔진 최적화로 100% 확보), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/thomasbnt/have-100-with-search-engine-optimization--f2p텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
좋은 웹페이지 즐겨찾기
