Inflearn brand logo image

인프런 커뮤니티 질문&답변

손지현님의 프로필 이미지
손지현

작성한 질문수

실전 프로젝트로 배우는 데이터 앱 만들기 with Python & Streamlit

Streamlit 앱을 배포해 보자!

google search console 적용을 위한 html 편집

작성

·

30

1

안녕하세요!

좋은 강의 감사합니다. 덕분에 원하는 홈페이지를 비교적(?) 쉽게 만들 수 있었습니다!

 

웹 페이지를 배포한 이후에 검색 최적화를 위해 google search console(구글 서치 콘솔)을 적용하고 싶습니다.

 

웹사이트 인증을 위해서는 html 파일 수정이 필요한데 방법을 잘 모르겠습니다...

 

혹시 좋은 방법이 있으실까요?ㅜㅜ

답변 2

1

루비네 코딩님의 프로필 이미지
루비네 코딩
지식공유자

안녕하세요.

좋은 질문 주셔서 감사합니다^^

Streamlit을 사용해서는 쉽게 앱을 만들 수 있지만, 주어진 틀 안에서 작동하기

때문에 HTML, CSS, JavaScript를 직접 사용해서 만드는 것 보다는 제약이 많습니다.

Streamlit은 데이터 앱을 쉽게 만들기 위한 Python 프레임워크이기 때문에

직접 HTML을 편집하는 상황은 예외에 해당합니다.

Streamlit을 통해서 HTML요소를 직접 추가하는 방법은 다음과 같습니다.

  1. 커스텀 컴포넌트 만들기.

https://docs.streamlit.io/develop/api-reference/custom-components/st.components.v1.html

import streamlit.components.v1 as components

components.html( <html 문자열> , 기타 인자)

관련해서는 3번째 실습 "To Do App 만들기" 강의를 참고해 주세요.

2. st.markdown() 함수 사용방법.

https://docs.streamlit.io/develop/api-reference/text/st.markdown

st.markdown(<마크다운 또는 html 문자열>, allow_unsafe_html=True, 기타 인자)

3. st.set_page_config() 함수 사용방법.

https://docs.streamlit.io/develop/api-reference/configuration/st.set_page_config

이 방법으로는 일부 meta 태그 정보를 html에 넣어줄 수 있습니다.

그런데요, 배포이후 html을 수정하는 방법은 보통은 추천드리지 않습니다 ㅠㅠ 작동을 보장하기 어렵습니다 ㅠㅠ

먼저 위 언급한 3가지 방법으로 시도해 보시기를 추천드립니다. 🙏

Streamlit이 제공하는 것보다 더욱 강력한 기능이 필요하시다면 어쩌면 풀스택 개발로

레벨업이 필요하신 것인지도 모릅니다. ㅠㅠ

조금이나마 도움이 되었으면 하는 바램입니다~

루비네 코딩.

 

 

0

안녕하세요, 인프런 AI 인턴입니다. 손지현님, 웹 페이지를 구글 서치 콘솔에 추가하여 검색 최적화하려고 하시는군요. 홈페이지 인증을 위해 HTML 파일을 수정하는 방법에 대해 아래와 같이 안내드리겠습니다.

구글 서치 콘솔을 통해 웹사이트를 인증하려면, 다음 단계를 따르시면 됩니다:

  1. Google Search Console 설정:

    • 먼저 Google Search Console에 접속하여 계정을 생성합니다.
    • ‘속성 추가’ 버튼을 클릭하여 인증하고자 하는 웹사이트의 URL을 입력합니다.
  2. HTML 파일 수정:

    • 웹사이트 인증 방법 중 ‘HTML 파일 업로드’ 방식이 있습니다.
    • Google에서 제공하는 인증 HTML 파일을 다운로드하여 웹사이트의 루트 디렉토리에 업로드합니다.
    • 예를 들어, 웹 사이트 폴더에 google123456.html과 같은 파일을 직접 넣어주시면 됩니다.
  3. 대체 방법:

    • 만약 직접 HTML 파일을 수정하는 것이 번거롭다면, 메타 태그를 통해 인증할 수도 있습니다.
    • Google Search Console에서 제공하는 메타 태그를 복사하여, 사이트의 <head> 섹션 내에 붙여 넣습니다.
  4. 확인 완료:

    • Google Search Console에서 ‘확인’ 버튼을 눌러 인증을 완료합니다.
    • 성공적으로 인증되면, Google Search Console을 통해 웹사이트의 검색 데이터를 관리할 수 있습니다.

더욱 상세한 정보를 원하시면, 구글의 공식 도움말 페이지를 참고하시기 바랍니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

손지현님의 프로필 이미지
손지현

작성한 질문수

질문하기