오늘은 단순 코드보다 더 중요한 개념인 SEO에 대해서 배워보겠습니다. SEO란 검색엔진 최적화인데, 구글 같은 검색 포털 사이트에서 어떻게 해야 특정 키워드로 내가 만든 웹사이트가 검색 결과에서 상위에 노출될 수 있는지 이런 부분을 좌우하는 개념입니다.
동일한 퀄리티의 콘텐츠라는 가정하에 SEO에 좋으려면 구글봇이 내 사이트에 방문해서 크롤링을 통해 색인에 저장할 수 있도록 코드를 짜야 합니다.
#메타태그 #SEO #HTML
영상을 통해 기본 개념인 index, 크롤링, 크롤러, 구글봇에 대해 배워보고, 메타 태그와 오픈 그래프에 대해서도 배워보겠습니다.
추가로 웹사이트의 구조에 담긴 정보 계층에 따라 크롤링을 잘 할 수 있도록 시멘틱 태그로 마크업 작업을 해줘야 합니다. 관련해서 잘 되어있는지 볼 수 있는 헤딩스맵이라는 크롬 확장 프로그램도 소개해드릴게요.
오픈 그래프 - [ Ссылка ]
헤딩스맵 구글 크롬 확장프로그램 - [ Ссылка ]
🌟예제 다운은 멤버십 회원 전용 커뮤니티에 올린 링크에서 받으실 수 있습니다.🌟
🚀 디자인베이스 멤버십 가입하면 다양한 고급 강좌와 예제 파일을 받아볼 수 있어요 🚀
┗ [ Ссылка ]
*디자인베이스 강좌는 Mac OS를 기준으로 해서 윈도우 사용자와 일부 차이가 있을 수 있습니다. 제가 사용하는 툴은 비주얼 스튜디오 코드(Visual Studio Code)를 사용하며 여러분이 다른 툴을 사용한다면 환경이 다를 수 있습니다. 하지만 언어는 똑같기 때문에 작업하는 데 문제는 전혀 없습니다.
누구나 손쉽게 배우는 디자인 강좌, 디자인베이스입니다. 웹코딩 공부의 첫단추는 디자인베이스에서 시작하세요. 열정만 준비하시면 다 따라 할 수 있습니다.
☞ 디자인베이스 소개 : [ Ссылка ]
☞ 공식 웹사이트 : [ Ссылка ]
☞ 네이버블로그 : [ Ссылка ]
*BGM 사용 출처
Music: Upbeat Inspiring Corporate by Wavecont
[ Ссылка ]
Video Link: [ Ссылка ]
Song: LAKEY INSPIRED - Chill Day (Vlog No Copyright Music)
Music provided by Vlog No Copyright Music.
Video Link: [ Ссылка ]
Music: Tokyo Music Walker - Way Home
