내 포트폴리오가 어떻게 100점의 SEO 점수를 얻었습니까? 😲
5566 단어 cssshowdevjavascripthtml
당신이 여기 있는 이유는 내가 Lighthouse에서 100점의 SEO 점수를 달성하기 위해 무엇을 했는지 알고 싶기 때문일 것입니다.
제 포트폴리오 웹사이트 링크는 하단에 있습니다.
나는 이것을 달성하기 위해 구현한 모든 팁과 요령을 여기에 배치할 것입니다! 이 일을 시작하자! 🤘
팁 #1
플러그인을 사용하지 마십시오
대부분의 검색 엔진은 콘텐츠(Java/Flash)에 의존하는 브라우저 플러그인을 인덱싱하지 않습니다. 플러그인 기반 콘텐츠는 검색 결과에 뜨지 않으니 피하시는 게 좋습니다!
또한 플러그인은 대부분의 모바일 장치에서 지원되지 않으므로 모바일 사용자에게 좋지 않은 경험을 제공합니다.
다음은 Flash video to HTML5 video 변환에 도움이 되는 문서입니다.
팁 #2
언어 속성 사용
lang 속성을 사용하면 지정된 언어 또는 지역에 대한 검색 결과에 나열해야 하는 페이지 버전을 검색 엔진에 알려줍니다. 웹 페이지의 언어를 선언하려면 태그 안에 항상 lang 속성을 포함해야 합니다.
<html lang="en">
팁 #3
이미지에 alt 속성 사용
모든 이미지에 대해 alt 속성을 갖는 것이 중요한 일이 아닌 것처럼 보일 수 있지만 제가 말씀드리자면 IT IS입니다.
어떤 이유로 이미지가 로드되지 않으면 대체 텍스트가 이미지의 내용을 사용자에게 알려줍니다.
짧고 설명적인지 확인하십시오.
<img src="image.png" alt="logo">
이미지가 장식용으로만 사용되고 유용한 콘텐츠를 제공하지 않는 경우 빈 alt=""속성을 지정하면 접근성 트리에서 제거됩니다.
<img src="image.png" alt="">
팁 #4
인덱싱에서 차단하지 마십시오.
검색 엔진은 인덱싱이 명시적으로 차단되지 않은 페이지만 검색 결과에 표시할 수 있습니다. 일부 HTTP 헤더와 메타 태그를 사용하여 크롤러에게 이 페이지의 색인을 생성하면 안 된다고 알릴 수 있습니다.
코드에 다음 코드 줄이 포함되어 있지 않은지 확인하십시오.
<meta name="robots" content="noindex"/>
X-Robots-Tag: noindex
<meta name="AdsBot-Google" content="noindex"/>
팁 #5
링크에 대한 설명 텍스트 작성
링크 텍스트는 클릭할 수 있는 하이퍼링크의 단어 또는 구입니다. 링크 텍스트가 하이퍼링크의 대상을 명확하게 전달하면 사용자와 검색 엔진 모두 콘텐츠와 연결된 페이지에 대한 관계를 이해할 수 있습니다.
하지 않다
<p> To view my projects <a href="projects.html"> click here! </a> </p>
하다
<p> View <a href="projects.html"> my projects </a> </p>
팁 #6
<meta> 태그에 설명 포함
이것이 SEO를 위해 가장 중요한 일입니다. name 및 content 속성은 검색 결과에 포함된 페이지의 콘텐츠 요약을 알려줍니다. 잘 작성된 고유한 메타 설명은 페이지의 관련성을 높이고 검색 트래픽을 증가시킬 수 있습니다.
<meta name="keyword" content="cmcodes, portfolio, react, react native, javascript, developer">
<meta name="description" content="Here's the portfolio of cmcodes (react & react-native javascript developer).">
<meta name="author" content="cmcodes">
팁 #7
<title> 태그 포함
사용자가 특정 용어를 검색할 때 가장 먼저 읽는 항목입니다. 관련성이 있고 눈길을 끄는 것인지 확인하세요!
<title>cmcodes - React Developer</title>
팁 #8
<meta> 태그에 뷰포트 포함
많은 검색 엔진은 모바일 반응성을 기준으로 페이지 순위를 매깁니다. 뷰포트 메타 태그가 없으면 모바일 장치는 데스크톱 너비로 웹 페이지를 렌더링한 다음 페이지를 축소하여 읽기 어렵습니다.
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=yes">
지금까지 읽어주셔서 감사합니다! 😄
이것으로부터 새로운 것을 배웠기를 바랍니다! 😃
제 포트폴리오 웹사이트 링크입니다 👉 cmcodes
제 포트폴리오 소스 코드 링크입니다 👇
cmcodes1
/
cmcodes1.github.io
😊 여기 내 모든 프로젝트, 블로그 및 업적을 볼 수 있는 내 포트폴리오입니다.
그것을 확인하고 당신의 견해를 알려주십시오! 귀하의 의견을 듣고 싶습니다. 😁
아래 의견에 포트폴리오 링크를 자유롭게 공유하십시오. 나는 그들을 보게되어 매우 기쁠 것입니다. 😊
행복한 코딩! 👨💻
Reference
이 문제에 관하여(내 포트폴리오가 어떻게 100점의 SEO 점수를 얻었습니까? 😲), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://dev.to/cmcodes/how-my-portfolio-got-a-seo-score-of-100-456c
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
대부분의 검색 엔진은 콘텐츠(Java/Flash)에 의존하는 브라우저 플러그인을 인덱싱하지 않습니다. 플러그인 기반 콘텐츠는 검색 결과에 뜨지 않으니 피하시는 게 좋습니다!
또한 플러그인은 대부분의 모바일 장치에서 지원되지 않으므로 모바일 사용자에게 좋지 않은 경험을 제공합니다.
다음은 Flash video to HTML5 video 변환에 도움이 되는 문서입니다.
팁 #2
언어 속성 사용
lang 속성을 사용하면 지정된 언어 또는 지역에 대한 검색 결과에 나열해야 하는 페이지 버전을 검색 엔진에 알려줍니다. 웹 페이지의 언어를 선언하려면 태그 안에 항상 lang 속성을 포함해야 합니다.
<html lang="en">
팁 #3
이미지에 alt 속성 사용
모든 이미지에 대해 alt 속성을 갖는 것이 중요한 일이 아닌 것처럼 보일 수 있지만 제가 말씀드리자면 IT IS입니다.
어떤 이유로 이미지가 로드되지 않으면 대체 텍스트가 이미지의 내용을 사용자에게 알려줍니다.
짧고 설명적인지 확인하십시오.
<img src="image.png" alt="logo">
이미지가 장식용으로만 사용되고 유용한 콘텐츠를 제공하지 않는 경우 빈 alt=""속성을 지정하면 접근성 트리에서 제거됩니다.
<img src="image.png" alt="">
팁 #4
인덱싱에서 차단하지 마십시오.
검색 엔진은 인덱싱이 명시적으로 차단되지 않은 페이지만 검색 결과에 표시할 수 있습니다. 일부 HTTP 헤더와 메타 태그를 사용하여 크롤러에게 이 페이지의 색인을 생성하면 안 된다고 알릴 수 있습니다.
코드에 다음 코드 줄이 포함되어 있지 않은지 확인하십시오.
<meta name="robots" content="noindex"/>
X-Robots-Tag: noindex
<meta name="AdsBot-Google" content="noindex"/>
팁 #5
링크에 대한 설명 텍스트 작성
링크 텍스트는 클릭할 수 있는 하이퍼링크의 단어 또는 구입니다. 링크 텍스트가 하이퍼링크의 대상을 명확하게 전달하면 사용자와 검색 엔진 모두 콘텐츠와 연결된 페이지에 대한 관계를 이해할 수 있습니다.
하지 않다
<p> To view my projects <a href="projects.html"> click here! </a> </p>
하다
<p> View <a href="projects.html"> my projects </a> </p>
팁 #6
<meta> 태그에 설명 포함
이것이 SEO를 위해 가장 중요한 일입니다. name 및 content 속성은 검색 결과에 포함된 페이지의 콘텐츠 요약을 알려줍니다. 잘 작성된 고유한 메타 설명은 페이지의 관련성을 높이고 검색 트래픽을 증가시킬 수 있습니다.
<meta name="keyword" content="cmcodes, portfolio, react, react native, javascript, developer">
<meta name="description" content="Here's the portfolio of cmcodes (react & react-native javascript developer).">
<meta name="author" content="cmcodes">
팁 #7
<title> 태그 포함
사용자가 특정 용어를 검색할 때 가장 먼저 읽는 항목입니다. 관련성이 있고 눈길을 끄는 것인지 확인하세요!
<title>cmcodes - React Developer</title>
팁 #8
<meta> 태그에 뷰포트 포함
많은 검색 엔진은 모바일 반응성을 기준으로 페이지 순위를 매깁니다. 뷰포트 메타 태그가 없으면 모바일 장치는 데스크톱 너비로 웹 페이지를 렌더링한 다음 페이지를 축소하여 읽기 어렵습니다.
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=yes">
지금까지 읽어주셔서 감사합니다! 😄
이것으로부터 새로운 것을 배웠기를 바랍니다! 😃
제 포트폴리오 웹사이트 링크입니다 👉 cmcodes
제 포트폴리오 소스 코드 링크입니다 👇
cmcodes1
/
cmcodes1.github.io
😊 여기 내 모든 프로젝트, 블로그 및 업적을 볼 수 있는 내 포트폴리오입니다.
그것을 확인하고 당신의 견해를 알려주십시오! 귀하의 의견을 듣고 싶습니다. 😁
아래 의견에 포트폴리오 링크를 자유롭게 공유하십시오. 나는 그들을 보게되어 매우 기쁠 것입니다. 😊
행복한 코딩! 👨💻
Reference
이 문제에 관하여(내 포트폴리오가 어떻게 100점의 SEO 점수를 얻었습니까? 😲), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://dev.to/cmcodes/how-my-portfolio-got-a-seo-score-of-100-456c
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
lang 속성을 사용하면 지정된 언어 또는 지역에 대한 검색 결과에 나열해야 하는 페이지 버전을 검색 엔진에 알려줍니다. 웹 페이지의 언어를 선언하려면 태그 안에 항상 lang 속성을 포함해야 합니다.<html lang="en">
팁 #3
이미지에 alt 속성 사용
모든 이미지에 대해 alt 속성을 갖는 것이 중요한 일이 아닌 것처럼 보일 수 있지만 제가 말씀드리자면 IT IS입니다.
어떤 이유로 이미지가 로드되지 않으면 대체 텍스트가 이미지의 내용을 사용자에게 알려줍니다.
짧고 설명적인지 확인하십시오.
<img src="image.png" alt="logo">
이미지가 장식용으로만 사용되고 유용한 콘텐츠를 제공하지 않는 경우 빈 alt=""속성을 지정하면 접근성 트리에서 제거됩니다.
<img src="image.png" alt="">
팁 #4
인덱싱에서 차단하지 마십시오.
검색 엔진은 인덱싱이 명시적으로 차단되지 않은 페이지만 검색 결과에 표시할 수 있습니다. 일부 HTTP 헤더와 메타 태그를 사용하여 크롤러에게 이 페이지의 색인을 생성하면 안 된다고 알릴 수 있습니다.
코드에 다음 코드 줄이 포함되어 있지 않은지 확인하십시오.
<meta name="robots" content="noindex"/>
X-Robots-Tag: noindex
<meta name="AdsBot-Google" content="noindex"/>
팁 #5
링크에 대한 설명 텍스트 작성
링크 텍스트는 클릭할 수 있는 하이퍼링크의 단어 또는 구입니다. 링크 텍스트가 하이퍼링크의 대상을 명확하게 전달하면 사용자와 검색 엔진 모두 콘텐츠와 연결된 페이지에 대한 관계를 이해할 수 있습니다.
하지 않다
<p> To view my projects <a href="projects.html"> click here! </a> </p>
하다
<p> View <a href="projects.html"> my projects </a> </p>
팁 #6
<meta> 태그에 설명 포함
이것이 SEO를 위해 가장 중요한 일입니다. name 및 content 속성은 검색 결과에 포함된 페이지의 콘텐츠 요약을 알려줍니다. 잘 작성된 고유한 메타 설명은 페이지의 관련성을 높이고 검색 트래픽을 증가시킬 수 있습니다.
<meta name="keyword" content="cmcodes, portfolio, react, react native, javascript, developer">
<meta name="description" content="Here's the portfolio of cmcodes (react & react-native javascript developer).">
<meta name="author" content="cmcodes">
팁 #7
<title> 태그 포함
사용자가 특정 용어를 검색할 때 가장 먼저 읽는 항목입니다. 관련성이 있고 눈길을 끄는 것인지 확인하세요!
<title>cmcodes - React Developer</title>
팁 #8
<meta> 태그에 뷰포트 포함
많은 검색 엔진은 모바일 반응성을 기준으로 페이지 순위를 매깁니다. 뷰포트 메타 태그가 없으면 모바일 장치는 데스크톱 너비로 웹 페이지를 렌더링한 다음 페이지를 축소하여 읽기 어렵습니다.
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=yes">
지금까지 읽어주셔서 감사합니다! 😄
이것으로부터 새로운 것을 배웠기를 바랍니다! 😃
제 포트폴리오 웹사이트 링크입니다 👉 cmcodes
제 포트폴리오 소스 코드 링크입니다 👇
cmcodes1
/
cmcodes1.github.io
😊 여기 내 모든 프로젝트, 블로그 및 업적을 볼 수 있는 내 포트폴리오입니다.
그것을 확인하고 당신의 견해를 알려주십시오! 귀하의 의견을 듣고 싶습니다. 😁
아래 의견에 포트폴리오 링크를 자유롭게 공유하십시오. 나는 그들을 보게되어 매우 기쁠 것입니다. 😊
행복한 코딩! 👨💻
Reference
이 문제에 관하여(내 포트폴리오가 어떻게 100점의 SEO 점수를 얻었습니까? 😲), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://dev.to/cmcodes/how-my-portfolio-got-a-seo-score-of-100-456c
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
모든 이미지에 대해 alt 속성을 갖는 것이 중요한 일이 아닌 것처럼 보일 수 있지만 제가 말씀드리자면 IT IS입니다.
어떤 이유로 이미지가 로드되지 않으면 대체 텍스트가 이미지의 내용을 사용자에게 알려줍니다.
짧고 설명적인지 확인하십시오.
<img src="image.png" alt="logo">
이미지가 장식용으로만 사용되고 유용한 콘텐츠를 제공하지 않는 경우 빈 alt=""속성을 지정하면 접근성 트리에서 제거됩니다.
<img src="image.png" alt="">
팁 #4
인덱싱에서 차단하지 마십시오.
검색 엔진은 인덱싱이 명시적으로 차단되지 않은 페이지만 검색 결과에 표시할 수 있습니다. 일부 HTTP 헤더와 메타 태그를 사용하여 크롤러에게 이 페이지의 색인을 생성하면 안 된다고 알릴 수 있습니다.
코드에 다음 코드 줄이 포함되어 있지 않은지 확인하십시오.
<meta name="robots" content="noindex"/>
X-Robots-Tag: noindex
<meta name="AdsBot-Google" content="noindex"/>
팁 #5
링크에 대한 설명 텍스트 작성
링크 텍스트는 클릭할 수 있는 하이퍼링크의 단어 또는 구입니다. 링크 텍스트가 하이퍼링크의 대상을 명확하게 전달하면 사용자와 검색 엔진 모두 콘텐츠와 연결된 페이지에 대한 관계를 이해할 수 있습니다.
하지 않다
<p> To view my projects <a href="projects.html"> click here! </a> </p>
하다
<p> View <a href="projects.html"> my projects </a> </p>
팁 #6
<meta> 태그에 설명 포함
이것이 SEO를 위해 가장 중요한 일입니다. name 및 content 속성은 검색 결과에 포함된 페이지의 콘텐츠 요약을 알려줍니다. 잘 작성된 고유한 메타 설명은 페이지의 관련성을 높이고 검색 트래픽을 증가시킬 수 있습니다.
<meta name="keyword" content="cmcodes, portfolio, react, react native, javascript, developer">
<meta name="description" content="Here's the portfolio of cmcodes (react & react-native javascript developer).">
<meta name="author" content="cmcodes">
팁 #7
<title> 태그 포함
사용자가 특정 용어를 검색할 때 가장 먼저 읽는 항목입니다. 관련성이 있고 눈길을 끄는 것인지 확인하세요!
<title>cmcodes - React Developer</title>
팁 #8
<meta> 태그에 뷰포트 포함
많은 검색 엔진은 모바일 반응성을 기준으로 페이지 순위를 매깁니다. 뷰포트 메타 태그가 없으면 모바일 장치는 데스크톱 너비로 웹 페이지를 렌더링한 다음 페이지를 축소하여 읽기 어렵습니다.
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=yes">
지금까지 읽어주셔서 감사합니다! 😄
이것으로부터 새로운 것을 배웠기를 바랍니다! 😃
제 포트폴리오 웹사이트 링크입니다 👉 cmcodes
제 포트폴리오 소스 코드 링크입니다 👇
cmcodes1
/
cmcodes1.github.io
😊 여기 내 모든 프로젝트, 블로그 및 업적을 볼 수 있는 내 포트폴리오입니다.
그것을 확인하고 당신의 견해를 알려주십시오! 귀하의 의견을 듣고 싶습니다. 😁
아래 의견에 포트폴리오 링크를 자유롭게 공유하십시오. 나는 그들을 보게되어 매우 기쁠 것입니다. 😊
행복한 코딩! 👨💻
Reference
이 문제에 관하여(내 포트폴리오가 어떻게 100점의 SEO 점수를 얻었습니까? 😲), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://dev.to/cmcodes/how-my-portfolio-got-a-seo-score-of-100-456c
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
검색 엔진은 인덱싱이 명시적으로 차단되지 않은 페이지만 검색 결과에 표시할 수 있습니다. 일부 HTTP 헤더와 메타 태그를 사용하여 크롤러에게 이 페이지의 색인을 생성하면 안 된다고 알릴 수 있습니다.
코드에 다음 코드 줄이 포함되어 있지 않은지 확인하십시오.
<meta name="robots" content="noindex"/>
X-Robots-Tag: noindex
<meta name="AdsBot-Google" content="noindex"/>
팁 #5
링크에 대한 설명 텍스트 작성
링크 텍스트는 클릭할 수 있는 하이퍼링크의 단어 또는 구입니다. 링크 텍스트가 하이퍼링크의 대상을 명확하게 전달하면 사용자와 검색 엔진 모두 콘텐츠와 연결된 페이지에 대한 관계를 이해할 수 있습니다.
하지 않다
<p> To view my projects <a href="projects.html"> click here! </a> </p>
하다
<p> View <a href="projects.html"> my projects </a> </p>
팁 #6
<meta> 태그에 설명 포함
이것이 SEO를 위해 가장 중요한 일입니다. name 및 content 속성은 검색 결과에 포함된 페이지의 콘텐츠 요약을 알려줍니다. 잘 작성된 고유한 메타 설명은 페이지의 관련성을 높이고 검색 트래픽을 증가시킬 수 있습니다.
<meta name="keyword" content="cmcodes, portfolio, react, react native, javascript, developer">
<meta name="description" content="Here's the portfolio of cmcodes (react & react-native javascript developer).">
<meta name="author" content="cmcodes">
팁 #7
<title> 태그 포함
사용자가 특정 용어를 검색할 때 가장 먼저 읽는 항목입니다. 관련성이 있고 눈길을 끄는 것인지 확인하세요!
<title>cmcodes - React Developer</title>
팁 #8
<meta> 태그에 뷰포트 포함
많은 검색 엔진은 모바일 반응성을 기준으로 페이지 순위를 매깁니다. 뷰포트 메타 태그가 없으면 모바일 장치는 데스크톱 너비로 웹 페이지를 렌더링한 다음 페이지를 축소하여 읽기 어렵습니다.
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=yes">
지금까지 읽어주셔서 감사합니다! 😄
이것으로부터 새로운 것을 배웠기를 바랍니다! 😃
제 포트폴리오 웹사이트 링크입니다 👉 cmcodes
제 포트폴리오 소스 코드 링크입니다 👇
cmcodes1
/
cmcodes1.github.io
😊 여기 내 모든 프로젝트, 블로그 및 업적을 볼 수 있는 내 포트폴리오입니다.
그것을 확인하고 당신의 견해를 알려주십시오! 귀하의 의견을 듣고 싶습니다. 😁
아래 의견에 포트폴리오 링크를 자유롭게 공유하십시오. 나는 그들을 보게되어 매우 기쁠 것입니다. 😊
행복한 코딩! 👨💻
Reference
이 문제에 관하여(내 포트폴리오가 어떻게 100점의 SEO 점수를 얻었습니까? 😲), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://dev.to/cmcodes/how-my-portfolio-got-a-seo-score-of-100-456c
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
링크 텍스트는 클릭할 수 있는 하이퍼링크의 단어 또는 구입니다. 링크 텍스트가 하이퍼링크의 대상을 명확하게 전달하면 사용자와 검색 엔진 모두 콘텐츠와 연결된 페이지에 대한 관계를 이해할 수 있습니다.
하지 않다
<p> To view my projects <a href="projects.html"> click here! </a> </p>
하다
<p> View <a href="projects.html"> my projects </a> </p>
팁 #6
<meta> 태그에 설명 포함
이것이 SEO를 위해 가장 중요한 일입니다. name 및 content 속성은 검색 결과에 포함된 페이지의 콘텐츠 요약을 알려줍니다. 잘 작성된 고유한 메타 설명은 페이지의 관련성을 높이고 검색 트래픽을 증가시킬 수 있습니다.
<meta name="keyword" content="cmcodes, portfolio, react, react native, javascript, developer">
<meta name="description" content="Here's the portfolio of cmcodes (react & react-native javascript developer).">
<meta name="author" content="cmcodes">
팁 #7
<title> 태그 포함
사용자가 특정 용어를 검색할 때 가장 먼저 읽는 항목입니다. 관련성이 있고 눈길을 끄는 것인지 확인하세요!
<title>cmcodes - React Developer</title>
팁 #8
<meta> 태그에 뷰포트 포함
많은 검색 엔진은 모바일 반응성을 기준으로 페이지 순위를 매깁니다. 뷰포트 메타 태그가 없으면 모바일 장치는 데스크톱 너비로 웹 페이지를 렌더링한 다음 페이지를 축소하여 읽기 어렵습니다.
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=yes">
지금까지 읽어주셔서 감사합니다! 😄
이것으로부터 새로운 것을 배웠기를 바랍니다! 😃
제 포트폴리오 웹사이트 링크입니다 👉 cmcodes
제 포트폴리오 소스 코드 링크입니다 👇
cmcodes1
/
cmcodes1.github.io
😊 여기 내 모든 프로젝트, 블로그 및 업적을 볼 수 있는 내 포트폴리오입니다.
그것을 확인하고 당신의 견해를 알려주십시오! 귀하의 의견을 듣고 싶습니다. 😁
아래 의견에 포트폴리오 링크를 자유롭게 공유하십시오. 나는 그들을 보게되어 매우 기쁠 것입니다. 😊
행복한 코딩! 👨💻
Reference
이 문제에 관하여(내 포트폴리오가 어떻게 100점의 SEO 점수를 얻었습니까? 😲), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://dev.to/cmcodes/how-my-portfolio-got-a-seo-score-of-100-456c
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
이것이 SEO를 위해 가장 중요한 일입니다. name 및 content 속성은 검색 결과에 포함된 페이지의 콘텐츠 요약을 알려줍니다. 잘 작성된 고유한 메타 설명은 페이지의 관련성을 높이고 검색 트래픽을 증가시킬 수 있습니다.
<meta name="keyword" content="cmcodes, portfolio, react, react native, javascript, developer">
<meta name="description" content="Here's the portfolio of cmcodes (react & react-native javascript developer).">
<meta name="author" content="cmcodes">
팁 #7
<title> 태그 포함
사용자가 특정 용어를 검색할 때 가장 먼저 읽는 항목입니다. 관련성이 있고 눈길을 끄는 것인지 확인하세요!
<title>cmcodes - React Developer</title>
팁 #8
<meta> 태그에 뷰포트 포함
많은 검색 엔진은 모바일 반응성을 기준으로 페이지 순위를 매깁니다. 뷰포트 메타 태그가 없으면 모바일 장치는 데스크톱 너비로 웹 페이지를 렌더링한 다음 페이지를 축소하여 읽기 어렵습니다.
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=yes">
지금까지 읽어주셔서 감사합니다! 😄
이것으로부터 새로운 것을 배웠기를 바랍니다! 😃
제 포트폴리오 웹사이트 링크입니다 👉 cmcodes
제 포트폴리오 소스 코드 링크입니다 👇
cmcodes1
/
cmcodes1.github.io
😊 여기 내 모든 프로젝트, 블로그 및 업적을 볼 수 있는 내 포트폴리오입니다.
그것을 확인하고 당신의 견해를 알려주십시오! 귀하의 의견을 듣고 싶습니다. 😁
아래 의견에 포트폴리오 링크를 자유롭게 공유하십시오. 나는 그들을 보게되어 매우 기쁠 것입니다. 😊
행복한 코딩! 👨💻
Reference
이 문제에 관하여(내 포트폴리오가 어떻게 100점의 SEO 점수를 얻었습니까? 😲), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://dev.to/cmcodes/how-my-portfolio-got-a-seo-score-of-100-456c
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
사용자가 특정 용어를 검색할 때 가장 먼저 읽는 항목입니다. 관련성이 있고 눈길을 끄는 것인지 확인하세요!
<title>cmcodes - React Developer</title>
팁 #8
<meta> 태그에 뷰포트 포함
많은 검색 엔진은 모바일 반응성을 기준으로 페이지 순위를 매깁니다. 뷰포트 메타 태그가 없으면 모바일 장치는 데스크톱 너비로 웹 페이지를 렌더링한 다음 페이지를 축소하여 읽기 어렵습니다.
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=yes">
지금까지 읽어주셔서 감사합니다! 😄
이것으로부터 새로운 것을 배웠기를 바랍니다! 😃
제 포트폴리오 웹사이트 링크입니다 👉 cmcodes
제 포트폴리오 소스 코드 링크입니다 👇
cmcodes1
/
cmcodes1.github.io
😊 여기 내 모든 프로젝트, 블로그 및 업적을 볼 수 있는 내 포트폴리오입니다.
그것을 확인하고 당신의 견해를 알려주십시오! 귀하의 의견을 듣고 싶습니다. 😁
아래 의견에 포트폴리오 링크를 자유롭게 공유하십시오. 나는 그들을 보게되어 매우 기쁠 것입니다. 😊
행복한 코딩! 👨💻
Reference
이 문제에 관하여(내 포트폴리오가 어떻게 100점의 SEO 점수를 얻었습니까? 😲), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://dev.to/cmcodes/how-my-portfolio-got-a-seo-score-of-100-456c
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
많은 검색 엔진은 모바일 반응성을 기준으로 페이지 순위를 매깁니다. 뷰포트 메타 태그가 없으면 모바일 장치는 데스크톱 너비로 웹 페이지를 렌더링한 다음 페이지를 축소하여 읽기 어렵습니다.
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=yes">
지금까지 읽어주셔서 감사합니다! 😄
이것으로부터 새로운 것을 배웠기를 바랍니다! 😃
제 포트폴리오 웹사이트 링크입니다 👉 cmcodes
제 포트폴리오 소스 코드 링크입니다 👇
cmcodes1 / cmcodes1.github.io
😊 여기 내 모든 프로젝트, 블로그 및 업적을 볼 수 있는 내 포트폴리오입니다.
그것을 확인하고 당신의 견해를 알려주십시오! 귀하의 의견을 듣고 싶습니다. 😁
아래 의견에 포트폴리오 링크를 자유롭게 공유하십시오. 나는 그들을 보게되어 매우 기쁠 것입니다. 😊
행복한 코딩! 👨💻
Reference
이 문제에 관하여(내 포트폴리오가 어떻게 100점의 SEO 점수를 얻었습니까? 😲), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/cmcodes/how-my-portfolio-got-a-seo-score-of-100-456c텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
좋은 웹페이지 즐겨찾기
