글

라벨이 블로그세팅인 게시물 표시

구글 블로그 스팟 설정하기 Part 4 - 구글 서치 콘솔 등록

이미지
구글 블로그 스팟 설정하기 Part 4 - 구글 서치 콘솔 등록 구글 브로그 스팟(블로거)를 세팅하기 위한 4번째 단계, 이번에는 구글 검색에 자신의 블로그 글이 구글에서 검색했을 때 노출될 수 있도록 기본 세팅하는 방법에 대해서 소개해 보려고 합니다. 일단, 제가 전문가가 아니기 때문에 이 방법이 100% 확실하다는 거 아닙니다. 본인 스스로 테스트 및 확인을 통해 직접 경험해 봐야 하는데요, 그래도 그 방향을 제시하기 위해 간략하게 소개해 보려고 합니다. # 빠른 요약 1. 본인의 글이 잘 노출될 수 있도록 서치 콘솔에 등록 및 주기적으로 업데이를 하자! 구글에서 '서치 콘솔'로 검색하면 제일 상단에 검색되는 항목이 있습니다. 이것이 바로 구글 블로그 내용을 구글 검색에 걸리게 하는 것을 관리하는 메뉴 입니다. 처음 접속하고 로그인하면 다음과 같은 매뉴가 나타나는데요, 로그인 하면 가장 먼저 나타나는 것이 도메인 vs URL 접두어 입니다. 좌측이 새로운 매뉴인데요, 자신의 블로그 URL만 있어도 관련된 모든 URL이 커버된다고 생각하시면 되는데요, 가장 단순하게 http와 https가 도무 커버 되는것이 왼쪽이고, 커버 되지 않는 것이 오른쪽입니다. 왼쪽을 선택한 경우 본인의 블로그를 입력하면 자동으로 소유권이 확인됩니다. (우측의 경우 본인의 블로그에 html 에 세팅해야 확인이 가능합니다.) 로그인 후 도메인 인증을 하고 나면 다음과 같은 화면이 나타나면서 바로 사용할 수 있게 됩니다.  가장 먼저 해야 하는게 'sitemap' 매뉴에서 본인의 블로그 정보를 등록해야 한다는 점인데요,  이렇게 5개의 정보를 등록하시면 됩니다. 참고로 atom.xml 에서 index를 1부터 시작해서 500까지로 등록하는데, 블로그 컨텐츠가 500개가 넘으면 501부터 시작하는 url을 추가 등록해야 합니다. - 본인블로그주소/atom.xml - 본인블로그주소/atom.xml?redirect=false&start-index=1...
댓글 쓰기
자세한 내용 보기

구글 블로그 스팟 설정하기 Part 3 - 이미지 크기 조절

이미지
구글 블로그 스팟 설정하기 Part 2 - 테이블 사용 방법 구글 블로그 스팟(블로거)은 이미지를 첨부하면 원본 크기로 첨부가 되지 않고 최적화 된 작은 사이즈로 첨부가 됩니다. 그렇기 때문에 본인이 직접 이미지의 크기를 조절해야 하는 불편함(?)이 있는데요, 그래서 이미지를 일일이 수정할 필요 없이 한 번에 적용할 수 있는 방법을 간략하게 소개하려고 합니다. # 빠른 요약 1. 수동으로 각 이미지 사이즈 조절 2. HTML 태그로 이미지 사이즈 자동 조절 # Reference - https://kuzuro.blogspot.com/2018/06/blog-post.html - https://blog.naver.com/reuno21/220474888232 # 수동으로 직접 조절 자 여기 테스트 할 이미지가 있습니다. 이미지 사이즈는 1280 x 720 입니다. 그리고 제가 운영하는 블로거의 페이지 가로 사이즈는 900 입니다. 텍스트 편집창에서 이미지를 첨부하게 되면, 보는 것과 같이 작은 이미지로 첨부가 됩니다. (해당 사이즈는 '중간' 사이즈 입니다.) 이 상태로 글을 게시하게 되면 위에 보이는 사이즈로 게시가 됩니다. 이미지를 클릭하면 아래쪽으로 매뉴가 팝업되어 나타나는데요, 연필 모양의 편집을 누르면 이미지 사이즈를 변경할 수 있는 창이 나타납니다. '중간'으로 되어 있는 사이즈를 '아주 크게'로 바꾸게 되면 화면에 꽉 차는 사이즈로 변경되는 것을 확인할 수 있습니다. 이 상태로 글을 게시하게 되면 화면에 꽉 차는 사이즈로 게시가 되는 것을 확인할 수 있습니다. (만약 이미지를 원본 크기로 하고 게시하게 되면 이미지가 화면 사이즈를 넘어가버려 이상하게 표시가 되는 것도 확인할 수 있습니다.) 추가로 작은 Tip을 드리자면, 추가로 구글 블로그 스팟(블로거)는 이미지를 첨부할 때 테두리 설정을 기본으로 넣습니다. 이것을 없애기 위해서는 편집모드를 HTML로 바꾼다음 이미지 태그로 이동하여 테두리 설정을 바꾸면 되는데...
댓글 쓰기
자세한 내용 보기

구글 블로그 스팟 설정하기 Part 2 - 테이블 사용 방법

이미지
구글 블로그 스팟 설정하기 Part 2 - 테이블 사용 방법 구글 블로그는 HTML 모드가 아닌 일반 글쓰기 모드에서는 표 만들기를 지원하지 않습니다. 아직은 사용자의 편의성을 다양하게 제공하지 않고 있는 이유도 있을 것 같고, HTML을 이용해서 본인의 입맛에 맞는 테이블을 만들어 사용하라는 배려(?)일 수도 있는데요, 그럼 오늘은 구글 블로그 스팟에서 테이블을 사용하는 방법에 대한 간단한 Tip을 소개하려고 합니다. 지금 바로 확인해 보세요~ # 빠른 3줄 요약 1. 직접 HTML을 수정하여 사용한다. 2. 테이블 소스를 공개해 놓은 사람들의 소스를 그대로 사용한다. 3. 네이버 블로그를 이용해서 테이블을 만들고 사용한다. # 직접 HTML 수정 보시는대로 일반 편집 모드에서는 테이블 만들기 메뉴를 확인할 수 없습니다. 그렇다면 HTML 편집 모드에서 일일이 <tr> 등의 태그를 이용해서 만드는 것도 방법인데요, HTML에 익숙하지 않은 분들은 상당히 어려움을 가지고 있을 것 같습니다. 저도 HTML을 아예 모르는 건 아니지만 막상 하려고 하니 상당히 어려움을 느꼈는데요, 이런 분들을 위해 테이블 form을 제공해주는 블로거들이 많이 있습니다. # 다른 사람이 제공하는 소스 사용 이렇게 테이블 관련 검색을 하면 테이블 생성을 위한 HTML 태그를 공개해서 제공해 주는 분들도 많이 있으니 검색해서 다양한 양식을 확인해 보고 본인의 입맛에 맞는 테이블을 선택하는 것도 간단한 방법이라고 생각됩니다. # 네이버 블로그 이용 그 중에서 구글 블로스 스팟 테이블을 사용하기 위해 제가 사용하는 방법은 바로 네이버 블로그를 활용하는 방법입니다. 일단 먼저 네이버 블로그에서 글쓰기 모드로 들어가면 다음과 같은 화면을 확인할 수 있는데요, 여기서 표 만들기 메뉴를 통해 표를 만들고 본인의 취향대로 표를 꾸미면 됩니다. 위 예제에서는 네이버에서 기본적으로 제공하는 양식으로 작성을 했습니다. 완성이 된 후에 우측 하단의 'HTML'을 클릭하면 방금 생성...
댓글 쓰기
자세한 내용 보기

구글 블로그 폰트 설정하기 - part 1

이미지
구글 블로그 폰트 설정하기 구글 블로그는 기본적인 폰트만 제공하고 글 에디터도 정말 기본적인 기능만 제공합니다. 그렇기 때문에 본인의 입맛대로 폰트 종류나 사이즈, 줄 간격 등을 세팅하기 위해서는 html 을 수정해야 합니다. 그럼 폰트의 종류, 사이즈, 줄 간격을 변경하는 방법을 간략하게 소개해 보겠습니다. 무료 폰트 확인 구글 검색창에 '구글폰트'라고 입력 후 검색하면 다음과 같은 사이트를 확인할 수 있습니다. fonts.google.com   다음의 사이트로 이동합니다. 돋보기 모양의 검색 창에 nanum을 입력합니다. (본인이 원하는 폰트를 입려하시면 됩니다.) 검색 결과로 나눔고딕 등의 폰트가 검색이 되는 것을 확인할 수 있습니다. 그 중 1개의 폰트를 클릭합니다. 해당 폰트의 상세 내용을 확인하고 오른쪽 사이드 바를 보면 'Select the style'이라는 매뉴가 있는데, 해당 매뉴를 클릭합니다. Review 탭에서 'Add more style'을 선택하면 다른 폰트를 검색하여 사용할 폰트로 추가할 수 있습니다. Embed 탭을 보면 <link> 항목에 해당 폰트에 대한 web 주소가 나오는데요, 이 주소를 복사합니다. 폰트 적용 구글 블로그 설정에서 '테마' 매뉴를 클릭 후 상단의 ... 을 클릭하면 나오는 매뉴 중에 'HTML 편집' 매뉴를 클릭하여 선택합니다. 4번째 줄에 <head>로 시작하는 태그들이 있는데요, 바로 아래쪽에 무료 폰트를 검색하고 복사한 link를 붙여 넣습니다. 주의사항 1 : &display=swap 삭제 주의사항 2 : 맨뒤에 / 기입 html 문법 오류 등이 발생하면 적용이 되지 않습니다. 저장되지 않을 경우 문법 등을 다시 한 번 체크해 보시면 됩니다. 폰트 변경 위의 단계에서는 폰트가 블로그에 로드 될 수 있게 설정했고, 이제 로드된 폰트를 실제 블로그에 적용해야 합니다. '테마' 매뉴에서 ...
댓글 1개
자세한 내용 보기