반응형 meta4 NextJs - 4편: SEO(검색 엔진 최적화)를 위한 종류별 세팅 SEO(검색 엔진 최적화)를 위한 종류별 세팅 이번에는 NextJs을 사용하는 이유 중 하나인 SEO에 대해 더 깊이 기록하고자 4편을 쓰게 되었습니다. NextJs의 SSR이라는 특징으로 SEO 엔진에 최적화되었다는 것은 사실이지만 여기서 끝나는 것이 아니라 SEO 엔진에 최적화를 위해 추가로 설정해야 하는 개발 및 환경 세팅이 존재합니다. NextJs만 쓰면 모든게 해결되면 좋겠지만 추가적인 최적화 세팅 및 개발이 없다면 NextJs을 사용하는 가치를 최대한으로 끌어올릴 수 없으니 필수라고 생각합니다. 현재 실제로 제가 서비스 운영 중인 MyVenus 인도네시아 뷰티 플랫폼의 NextJs 프로젝트로 구축한 서비스 메인 웹 페이지를 통해 예시 또한 보여줄 예정입니다. MyVenus - Aplikasi .. 2023. 9. 18. HTML 직접 웹 페이지 제작하기 프로젝트(영화 평점 남기기 웹 페이지) 직접 웹 페이지 제작하기 지금까지 배워본 HTML 지식들을 최대한 활용하여 만들어보고 싶은 웹 페이지를 제작하였습니다. 평소 저는 영화를 좋아해서 영화 평론 사이트를 자주 들락거리는데 한 번 스스로 비슷하게나마 영화 평론 사이트를 제작해보고 싶어 따라 해 보았습니다. 만들어 보면서 아직 배울게 많다고 생각하였습니다. 기본적인 기능들만 사용하니 실제 사용되는 영화 평론 사이트와 비교해 많이 부족해 보입니다. 빨리 더 좋은 기능을 사용할 수 있도록 언어를 배우고 싶어 진 것 같습니다. 구현을 위해 사용된 태그와 문법들 모바일 지원 웹뿐만 아니라 모바일에서도 알맞게 기능하기 위해 모바일 지원 meta 정보를 추가하였습니다. 파일 다운로드 영화 포스터 이미지를 클릭하면 영화 포스터 이미지를 다운로드할 수 있도록.. 2020. 10. 19. HTML 모바일 지원 모바일 지원이란? 데스크탑 PC에서만 되는 웹이 태블릿 PC, 스마트폰에서도 웹의 보기 사이즈가 확대할 필요 없이 알맞게 지원한다는 뜻이다. 모바일에서도 지원하게 하려면 간단한 한 줄의 코드만 추가 해주면 가능하다. 응용하기 실습 2020. 10. 19. HTML meta 태그 meta 이란? 웹페이지에 표현되진 않지만, 웹 페이지를 잘 설명하기 위한 부가 정보들을 담당한다. charset="속성값" : 브라우저에 디코딩되는 문자형식을 지정 (속성값 utf-8은 한글폰트를 정상 출력시켜준다) name="description" content="내용" : 검색 결과에 대한 요약에 사용된다 name="keywords" content="내용" : 문서를 설명하는 중요 단어(키워드)들이다. name="author" content="내용" : 저자 http-equiv="refresh" content="숫자" : 지정한 시간(초) 마다 웹페이지를 리프레쉬 시켜준다. 응용하기 실습 2020. 10. 16. 이전 1 다음 반응형
