넘치게 채우기

자바스크립트를 이용하여 현재 내 블로그에서 보고 있는 게시글의 카테고리, 또는 보고 있는 카테고리를 사이드바에서 강조 시켜보려고 한다. 아래처럼! 우선, 글을 볼 때 강조하는 방법과, 카테고리를 볼 때 강조하는 방법이 다르다. 현재 주소에서 블로그주소/category일때, 블로그주소/entry일때의 경우를 다르게 처리해주면 된다. 카테고리를 보고 있을 때 카테고리 불러오기 카테고리를 보고 있을 때의 현재 주소를 보자. 블로그주소/category/카테고리/서브카테고리 형식으로 되어 있다. 현재 카테고리를 알아내기 위해, 현재 URL에서 가져오면 될 것 같다! const curr_path = location.pathname; // /category/PS/Leetcode location.pathname을 통해..

웹사이트 홍보하기 - 소셜 미디어 사이트 이해하기 사용자 상호 작용 및 공유를 기반으로 구축 된 사이트는 특정 콘텐츠에 관심을 가진 사용자와 이와 관련된 콘텐츠를 더 쉽게 이어준다. ❌이것만은 피하자) 신규 콘텐츠라면 아무리 사소한 것이라도 일일이 홍보하지 말고, 중요하고 흥미로운 콘텐츠 위주로만 홍보하자. 이러한 서비스에서 콘텐츠를 인위적으로 상단에 표시하기 위해 사이트에 편법을 사용하면 안 된다. - 사이트와 관련된 커뮤니티 사용자들에게 홍보 내 사이트와 비슷한 주제를 다루는 사이트와 소통하면 도움이 된다. 나만의 전문 영역이나 커뮤니티에서 화제가 되는 주제를 통해 콘텐츠와 관련된 추가 아이디어를 얻거나 커뮤니티 리소스를 마련할 수 있다. ❌이것만은 피하자) 내가 다루는 주제와 관련된 모든 사이트에 ..

이미지 최적화하기 HTML 이미지 사용하기 HTML 이미지 요소를 사용하여서 콘텐츠에 이미지를 삽입하는 것은 좋다. - HTML 또는 요소 사용하기 시맨틱 HTML 마크업을 사용하면 크롤러가 이미지를 찾고 처리할 수 있다. 요소를 사용하여 반응형 이미지를 위한 다양한 화면 크기에 여러 옵션을 지정할 수도 있다. 이미지에 loading = "lazy"속성을 사용하면 사용자가 페이지를 더 빠르게 볼 수 있다. ❌이것만은 피하자) CSS를 사용하여 색인을 생성할 이미지 표시 - alt 속성 하용하기 이미지와 관련된 설명을 제공하는 파일 이름 및 alt속성을 사용하라. alt 속성을 사용하면 어떤 이유로 이미지를 표시할 수 없는 때 대신 표시할 텍스트를 지정할 수 있다. alt 속성의 다른 이유는 이미지를 링크..

콘텐츠 최적화하기 사이트를 재미있고 유용하게 만들기 설득력 있고 유용한 콘텐츠 개발은 가장 중요한 요인이다. 사용자는 좋은 콘텐츠를 바로 알아보며, 다른 사용자들에게 이 콘텐츠를 공유하려 한다. 입소문은 블로그 게시문, 소셜 미디어, 서비스, 이메일, 포럼 또는 기타 방법으로 전해진다. 자연스럽게 입소문을 통해 형성된 인기는 사용자 및 구글에서 사이트의 평판을 높여주며, 이는 품질이 우수한 콘텐츠 없이는 거의 불가능한 일이다. 독자가 무엇을 원하는지 이해하고 제공하기 사용자가 내 콘텐츠를 찾을 때, 어떤 검색어를 사용할지 생각해보라. 어떤 주제에 대해서 잘 아는 사람은 잘 모르는 사람들과는 다른 검색어를 사용한다. ex)오래 된 축구팬: 'fifa'를 검색, 최근에 축구를 입문한 팬: '축구 플레이오프'..

구글이 내 콘텐츠를 찾게 하는 방법 구글에서 사이트가 검색되기 위해서는, 구글이 사이트를 발견할 수 있도록 해야 한다. 사이트맵을 제출하면 쉽게 발견시킬 수 있다. 사이트맵은 사이트에 있는 파일로서, 새 페이지나 페이지의 변경 사항이 생긴 경우, 검색엔진에 알려준다. 구글은 다른 페이지에 있는 링크를 통해서 페이지를 찾기도 한다. 구글에 크롤링하고 싶지 않은 페이지 명시 robots.txt파일은 검색엔진이 사이트의 일부에 액세스하여 크롤링할 수 있는지를 알려준다. 사이트의 루트 디렉터리에 있으며, 차단된 페이지가 계속 크롤링될 수 있으므로, 민감한 페이지의 경우는 더 안전한 방법이 필요하다. # brandonsbaseballcards.com/robots.txt # Tell Google not to cra..

필수 용어 색인 - 구글에서는 아는 모든 페이지를 색인에 저장한다. 구글에서 페이지의 색인을 생성했다는 말은 구글에서 페이지를 가져와서 읽고 색인에 추가하였다는 뜻이다. 크롤링 - 신규 또는 업데이트된 웹페이지를 찾는 프로세스. 구글은 링크, 사이트맵, 다른 방법으로 URL을 찾아낸다. 크롤러 - 웹에서 페이지를 크롤링한 뒤, 색인을 생성하는 자동 소프트웨어 구글봇(Googlebot) - 구글 크롤러의 이름. SEO - 검색엔진 최적화(Search Engine Optimization) 사이트가 구글에 색인되었는지 확인하는 법 site:example.com으로 검색하여 찾아낸다. 다만, 색인이 생성된 URL을 모두 반환하지는 않으니 유의하자. 사이트가 구글에 안 뜨는 경우 - 잘 연결되지 않음 - 개설된지..

구글의 자동 순위 시스템은 기본적으로 사람들에게 도움을 주기 위해 제작된 유용하고 신뢰할 수 있는 정보를 인기 검색결과로 표시하도록 설계되었습니다. 크리에이터가 자신이 이러한 콘텐츠를 제작하고 있는지 평가할 수 있는 방법을 살펴보자. 콘텐츠 자체 평가하기 다음 질문을 토대로 콘텐츠를 평가하면 제작 중인 콘텐츠가 유용하고 신뢰할 수 있는지 판단하는 데 도움이 된다. 자신에게 이러한 질문을 받는 것 외에도 사이트와 관련이 없는 신뢰할 만한 사람에게 솔직한 평가를 받는 것도 좋다. 콘텐츠 및 품질 관련 질문 - 콘텐츠에서 고유한 정보나 보고, 조사, 분석 자료를 제공하는가? - 콘첸트가 주제와 관련하여 본질적이거나 완전하거나 포괄적인 설명을 제공하는가? - 콘텐츠가 뻔하지 않은 유용한 분석이나 흥미로운 정보를..

구글 검색 엔진에 잘 노출되려면, 우선 구글 검색이 어떻게 작동하는지에 대해 아는 것이 좋겠다. 나를 알고 적을 알면 백전백승 아니겠는가? 구글 검색엔진은 웹 크롤러를 이용한다. 웹 크롤러는 정기적으로 웹을 탐색하여 구글 색인에 추가할 페이지를 찾는다. 구글 검색결과에 표시되는 페이지의 대부분은 웹 크롤러에 의해 자동으로 추가되는 페이지다. 구글 검색의 3단계 크롤링: 크롤러라는 자동화된 프로그램을 이용하여 인터넷에서 찾은 페이지로부터 텍스트, 이미지, 동영상을 다운로드한다. 색인 생성: 페이지의 텍스트, 이미지, 동영상 파일을 분석하고, 대규모 데이터베이스인 Google 색인에 정보를 저장한다. 검색결과 게재: 사용자가 검색하면, 검색어와 관련된 정보를 반환한다. 크롤링 - 색인 생성 - 검색결과 게재..

이번 하반기부터 점점 블로그의 게시물도 늘어나고, 규모도 조금씩 성장해나가면서, 블로그를 하는 것에 대해 아카이브 이상의 관심이 생겨났다. 소소한 수익도 기대하기 시작했고, 사람들이 더 많이 찾아와주길 바라게 되었다. 그래서 이번 기회에 블로그를 개편해보고자 겨울동안 SEO공부도 해보고, 블로그의 품질을 더 개선시켜보고자 맨 땅에 헤딩하게 되었다. 웹을 이해하는 데 있어서 도움이 될 것 같기도 하고 말이다. 우선, Google의 Lighthouse라는 기능이 있는 것을 알게 되었다. 웹 페이지를 분석하고, 결과를 보고서로 만들어주는 강력한 도구이다. https://developer.chrome.com/docs/lighthouse/overview/?hl=ko 개요 | Lighthouse | Chrome f..