[기술면접] Top29부분 10

Boyoung Lee·2024년 10월 22일

기술면접

목록 보기
17/49
post-thumbnail

<목차>

  1. SEO
  2. 이미지 최적화

23. SEO

  • Search Engine Optimization(검색 엔진 최적화)

  • 웹사이트가 검색 결과에 더 잘 보이도록 최적화하는 과정

  • 검색 순위 개선

  • SEO를 통해 자연 검색 결과에서 웹사이트의 가시성을 높일 수 있음

  • 더 많은 방문자와 트래필을 유도

  • 검색 엔진은 웹을 크롤링하면서 페이지에서 페이지로 링크를 따라가고, 찾은 콘텐츠의 색인을 생성

  • 검색 결과에 보이는 것은 바로 그 색인으로 된 콘텐츠

  • 크롤러는 일정한 규칙을 따르기 때문에 SEO를 진행하며 규칙을 밀접하게 따라가면 웹사이트가 검색 결과의 상위에 노출될 가능성이 높음 -> 수익 연결

  • 기술적 : 콘텐츠 마크업을 작성할 때 시맨틱 HTML을 사용하기, 웹 사이트 탐색 시, 색인하길 원했던 콘텐츠만 크롤러가 긁어갈 것입니다.

  • 콘텐츠 작성 : 방문자층에 맞는 언어로 콘텐츠 작성하기, 이미지와 더불어 텍스트를 사용해 크롤러가 주제를 이해할 수 있도록 도우세요.

  • 인기도 : 다른 유명한 사이트에서 여러분의 사이트로 링크를 했다면 더 많은 트래픽을 받습니다.

  • 온 페이지 SEO(On-Page SEO) : 웹 사이트 내에서 검색 엔진 최적화를 위해 하는 일련의 작업. H태그, 메타태그, 이미지 최적화, 콘텐츠 최적화, 글자의 수, 내부링크등의 요소들이 포함
  • 오프 페이지 SEO(Off-Page SEO) : 웹 사이트 외부에서 검색 엔진 최적화를 위해 하는 일련의 작업. 관련성, 신뢰성 및 권한이 포함, 사이트로 향하는 백링크가 주된 작업.

진행 방법

  1. 키워드 연구
  • 검색 엔진에서 자주 사용되는 검색어를 분석하고 이를 바탕으로 콘텐츠 최적화, 소비자가 어떤 검색어를 사용하는지 파악
  1. 온페이지 최적화
  • 웹 사이트의 개별 페이지를 최적화 -> 검색 엔진이 콘텐츠를 쉽게 이해할 수 있도록 색인화 할 수 있도록 한다. 메타 태그 최적화, 적절한 헤더 사용, URL 구조 개선, 이미지 최적화 등 포함
  1. 콘텐츠 생성
  • 관련성 높고 질 좋은 콘텐츠를 지속적으로 제작, 유용하고, 정보를 제공하는, 독자에게 가치있는 콘텐츠를 만드는 것이 중요
  1. 백링크 획득
    -다른 웹사이트로부터 링크를 통해 웹사이트의 신뢰성과 권위 증가, 고품질의 웹사이트로부터 백링크 획득이 중요
  2. 기술적 SEO
  • 검색 엔진의 색인 생성 및 크롤링 효율성을 높입니다. 로딩 속도 최적화, 모바일 친화성 개선, SSL 인증서 사용등이 포함
  1. 지역 SEO
  • 특정 지역에 대한 검색 결과를 최적화하는 것, 지역 내 사업을 운영하는 경우 중요. 구글 마이 비지니스 등록, 지역 키워드 최적화, 지역 관련 콘텐츠 생성 등을 통해 지역 SEO를 강화

Q. SEO란 무엇이고 SEO를 진행하는 방법에 대해 설명해주세요.

SEO란 검색 엔진 최적의 약자로 웹사이트가 검색 결과에 더 잘 보이도록 최적화하는 과정을 말합니다. SEO를 통해 검색 순위를 개선하고 웹사이트의 가시성을 높일 수 있어 웹서비스를 운영할 때 중요하게 다뤄지고 있습니다. SEO를 거쳐 최적화 된 웹사이트는 그렇지 않은 웹사이트보다 더 많은 방문자를 얻어 결과적으로 더 많은 수익을 만들어낼 수 있습니다. SEO의 방법은 크게 온페이지 SEO와 오프 페이지 SEO로 나뉘어져 있습니다. 온페이지 SEO는 웹사이트 내에서 검색 엔진 최적화를 위해 하는 일련의 작업으로 올바른 H태그를 사용하고 이미지와 콘텐츠를 최적화하는 등의 노력이 포함되고 오프 페이지 SEO는 웹사이트 외부에서 검색 엔진 최적화를 위해 하는 백링크획득 등이 있습니다. 기술적인 노력 외에도 키워드를 연구한다거나 질 좋은 콘텐츠를 지속적으로 제작하는 것 또한 SEO의 방법입니다.

24. 이미지 최적화

  • 로딩속도 개선, 검색 엔진 순위를 높이며, 사용자 경험 향상

  • 이미지 크기 조정 : 실제크기를 웹에서 사용될 크기에 맞게 조정, 전체화면에 표시 될 필요가 없는 이미지를 작게 리사이즈 => 로딩시간을 줄이는데 도움

  • 파일 형식 최적화 : JPEG는 사진과 같은 복잡한 이미지에 적합/ PNG는 투명도가 필요한 그래픽 적합 => 최근에는 웹P 포맷이 JPEG보다 우수한 압축률을 제공하여 많이 사용중

  • 압축 사용 : 데이터 전송량을 줄이고 로딩시간 단축, 품질저하가 눈에 띄지 않는 수준에서 최대한 압축필요

  • 적응형 이미지 로딩 : 사용자의 디바이스 크기와 해상도에 따라 다른 크기의 이미지를 제공하는 방법, 데스크톱에서는 큰 이미지를 모바일에서는 작은 이미지 제공

  • 이미지 캐싱 : 이미지 파일을 사용자의 브라우저 캐시에 저장, 동일한 사용자가 사이트를 다시 방문할 때 이미지를 다시 다운로드하지 않도록 함, 반복 방문시 페이지 로딩 속도를 크게 향상

  • ALT 텍스트 사용 : 이미지에 대체 텍스트를 추가하는 것도 중요, 이미지가 로드되지 않을때나 스크린 리더를 사용하는 사용자를 위해 중요. 또한 SEO에 도움

  • 이미지 최적화는 웹사이트의 SEO전략에 있어서 필수적인 부분, 검색 엔진에게 웹사이트의 내용을 더 잘 이해시키고 검색 결과에서 높은 순위를 차지하는데 도움

Q. 이미지 최적화에 대해 설명해주시고 방법에 대해 설명해주세요

이미지는 로딩시간에 큰 영향을 미칠 수 있기 때문에 이미지최적화 과정은 중요합니다. 이미지 최적화는 웹사이트의 성능을 향상시키고 사용자의 경험을 개선하기 위해 이미지를 조정하는 것을 말합니다. 이 과정을 통해 로딩속도를 개선하고 사용자의 경험을 향상 시킬 수 있고 특히 SEO전략에 필수적인 부분입니다. 검색 엔진이 웹사이트의 내용을 더 잘 이해시고 검색 결과에서 높은 순위를 차지하는데 도움을 줍니다. 이미지 최적화엔 여러가지 방법이 있습니다. 몇가지 방법에 대해 설명하겠습니다. 이미지 크기를 필요한 만큼 사이즈를 줄이는 것만으로도 로딩시간을 줄이는데 큰 도움이 됩니다. 뿐만아니라 파일 형식을 최적화하여 적합한 파일 형식을 이용하는 것도 이미지 최적화의 한 방법이라고 볼 수 있습니다. 이미지데이터를 전송할 때 압축을 하여 로딩시간을 단축 할 수 있고 이미지를 캐싱해두어 사용자의 브라우저에 저장해두면 동일한 사용자가 사이트를 다시 방문할 때 이미지를 다시 다운로드하지 않도록 할 수 있습니다. 이미지 태그의 알트를 추가하는것 즉 대체 텍스트를 추가하는 방법도 이미지최적화의 한 방법으로 이미지가 로드되지 않을 때나 스크린 리더를 사용하는 사용자에게 접근성을 높여주고 SEO 전략에 도움이 됩니다.

profile
정리정돈을 잘하는 개발자가 꿈

0개의 댓글