SEO 스타터 키트
SEO 스타터 키트
이전에 글을 썼지만 한 걸음 뒤로 물러나겠습니다. 효과적인 색인 생성이 가능한 "google-able"사이트에 필요한 것이 무엇인지 핵심에 집중하고 싶습니다.
너무 정직하지 않고 모든 단계는 선택 사항입니다.
물론 <head>에 제목이 있어야 합니다.
<title>My Sweet Blog</title>
<meta name="description" content="This is an example of a meta description.”>
자, 이제 /sitemap.xml에서 사이트맵을 생성해야 하는 흥미로운 항목을 생성하기 위해 online 사이트맵을 사용할 수 있지만 많은 프레임워크에는 이를 수행할 플러그인이 있습니다.
또한 <head>에서 링크해야 합니다.
<link rel="sitemap" type="application/xml" title="Sitemap" href="/sitemap.xml">
이제 여기 Search Console에서 가입하고 해당 사이트맵을 Google에 제출하여 색인 생성을 시작해야 합니다. 원하는 경우 Bing에서 이 프로세스를 반복할 수 있습니다.
이 두 태그는 검색 결과에 나를 포함시키라고 말합니다. 기술적으로 차단하려는 경우가 아니면 생략할 수 있지만 명시적으로 "헤이 google 나 여기 있어, index me"라고 말하는 것이 더 좋습니다.
<meta name="googlebot" content="index,follow">
<meta name="robots" content="index,follow">
An Aside - 소셜 의 태그
따라서 이는 귀하의 SEO에 직접적인 영향을 미치지는 않지만 공유될 때 귀하의 사이트가 어떻게 보이는지에 영향을 미치며 이는 귀하의 backlinks ; 검색엔진 최적화에 영향을 줍니다.
트위터
<meta name="twitter:title" content="Your Title">
<meta name="twitter:description" content=" Your Description">
<meta name="twitter:image" content="http://thumbnail.jpg">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@username">
페이스북
<meta property="og:title" content="Your Title">
<meta property="og:description" content="Your Description">
<meta property="og:image" content="http://thumbnail.jpg">
<meta property="og:url" content="http://index.html">
당신의 비밀 무기
ld+json 웃기게 들립니다. 늦은 밤 인터넷 검색을 하다가 우연히 우연히 발견했습니다. 연결된 데이터를 나타내며 마이크로 데이터를 대체합니다. 그것은 무엇을합니까? 글쎄, 그것은 기본적으로 데이터를 연결하는 방법입니다. Google은 제목이 기사 본문 표지 이미지인 블로그 게시물을 가져온 다음 검색 결과에서와 같이 멋지게 넣을 수 있습니다. 다른 도구가 해당 데이터를 가져와 다른 방식으로 사용할 수도 있습니다.
amp 예를 보여 드리겠습니다. amp는 뉴스 피드에 기사를 가져오기 위한 Google 도구일 뿐입니다.
<html amp>
<head>
<title>Article headline</title>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "NewsArticle",
"mainEntityOfPage": {
"@type": "WebPage",
"@id": "https://google.com/article"
},
"headline": "Article headline",
"image": [
"https://example.com/photos/1x1/photo.jpg",
"https://example.com/photos/4x3/photo.jpg",
"https://example.com/photos/16x9/photo.jpg"
],
"datePublished": "2015-02-05T08:00:00+08:00",
"dateModified": "2015-02-05T09:20:00+08:00",
"author": {
"@type": "Person",
"name": "John Doe"
},
"publisher": {
"@type": "Organization",
"name": "Google",
"logo": {
"@type": "ImageObject",
"url": "https://google.com/logo.jpg"
}
}
}
</script>
</head>
<body>
</body>
</html>
기사this tool 이외의 항목에 대한 더 많은 예제 스키마를 찾을 수 있습니다here를 사용하여 페이지가 SEO-tastic이라고도 불리는 리치 결과 준비가 되었는지 테스트할 수 있습니다.
당신이 즐겼기를 바랍니다!
Reference
이 문제에 관하여(SEO 스타터 키트), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://dev.to/jswhisperer/seo-starter-kit-1n2c
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
<title>My Sweet Blog</title>
<meta name="description" content="This is an example of a meta description.”>
<link rel="sitemap" type="application/xml" title="Sitemap" href="/sitemap.xml">
<meta name="googlebot" content="index,follow">
<meta name="robots" content="index,follow">
<meta name="twitter:title" content="Your Title">
<meta name="twitter:description" content=" Your Description">
<meta name="twitter:image" content="http://thumbnail.jpg">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@username">
<meta property="og:title" content="Your Title">
<meta property="og:description" content="Your Description">
<meta property="og:image" content="http://thumbnail.jpg">
<meta property="og:url" content="http://index.html">
<html amp>
<head>
<title>Article headline</title>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "NewsArticle",
"mainEntityOfPage": {
"@type": "WebPage",
"@id": "https://google.com/article"
},
"headline": "Article headline",
"image": [
"https://example.com/photos/1x1/photo.jpg",
"https://example.com/photos/4x3/photo.jpg",
"https://example.com/photos/16x9/photo.jpg"
],
"datePublished": "2015-02-05T08:00:00+08:00",
"dateModified": "2015-02-05T09:20:00+08:00",
"author": {
"@type": "Person",
"name": "John Doe"
},
"publisher": {
"@type": "Organization",
"name": "Google",
"logo": {
"@type": "ImageObject",
"url": "https://google.com/logo.jpg"
}
}
}
</script>
</head>
<body>
</body>
</html>
Reference
이 문제에 관하여(SEO 스타터 키트), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/jswhisperer/seo-starter-kit-1n2c텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
좋은 웹페이지 즐겨찾기
