본문 바로가기

웹 개발/블로그32

NN 구글블로그 | 블로거 에디터 사용방법 구글블로그 '블로거' 에디터에 대해서 살펴보겠습니다. 상단 메뉴바와 우측 메뉴에 대해 각각의 기능을 설명해 드릴게요. 목차 상단 메뉴바 글쓰기 모드 ▶ 새 글 작성 보기 - 블로그에 글을 쓰는 모드입니다. ▶ HTML 보기 - HTML태그를 삽입, 수정, 삭제 할 수 있어요. 글꼴 ▶ 글꼴유형 - 폰트를 고를 수 있습니다. [더 많은 글꼴 추가] 로 새로운 폰트를 불러올 수도 있어요 ▶ 글꼴크기 - 가장 작게 / 작게 / 보통 / 중간 / 크게 / 가장 크게 ▶ 글 형태 - 주 제목 / 제목 / 부제목 / 소제목 / 단락 형식 / 보통 텍스트 ▶ 굵기 ▶ 기울임 ▶ 밑줄 ▶ 취소선 - 가운데 줄이 갑니다. ▶ 색상 - 글 색상 ▶ 배경색상 - 글 배경 색상을 정할 수 있어요 이미지 / 동영상 ▶ 링크 -.. 2024. 1. 22.
NN 구글블로그 | 블로거 이미지 썸네일 깨지는 경우 구글 블로거는 이미지를 본문에 맞게 크기를 맞추는 작업을 해도, 메인 화면에서 크기가 다른 썸네일 이미지가 깨지는 현상이 발생하는데요. 이번 포스팅은 썸네일 문제에 대해서 다뤄보겠습니다. 이미지 삽입 썸네일 이미지를 먼저 보시겠습니다. 왼쪽 최근글에서는 썸네일이 문제가 없지만 오른쪽 가젯에서는 같은 글의 썸네일이라도 이미지가 흐릿하게 보입니다. HTML 수정 1) 본문 글에 들어가서 HTML 보기로 해당 이미지의 SRC 부분을 살펴보겠습니다. 2) src에서 이미지명 바로 앞에 w674-h972 이라는 부분이 보이시죠? w0 으로 고쳐보겠습니다. 3) width는 해당 테마의 본문 사이즈에 맞게 고칩니다. 그래야 본문 가로 넓이에 맞게 꽉 차게 됩니다. 업데이트 후 메인 화면으로 가보겠습니다. 썸네일별로.. 2024. 1. 18.
NN 구글블로그 | 이미지와 동영상 본문 넓이에 맞게 조정하기 구글 블로그인 블로그 (블로그스팟)에서 글을 작성하시다보면 이미지 다루기가 쉽지 않다는 것을 알게되실텐데요. 이미지를 원하는 형태로 보이는 방법을 하나씩 정리해보고자 합니다. 먼저 이미지와 동영상을 본문 넓이에 딱 맞게 조절하는 방법부터 말씀드리겠습니다. 목차  이미지 삽입▶ 먼저 본문에 이미지를 불러옵니다. 이미지는 본문보다 넓어야합니다.▶ 이미지를 클릭 해 보면 이미지크기를 선택할 수 있습니다. "크게", "매우 크게" 를 선택해도 본문과 딱 맞지 않습니다. 모서리를 잡고 드래그 해도 어디까지가 본문 넓이인지 알 수가 없는데요. "원본" 크기를 선택해 줍니다.  수정1) 블로그 관리자 화면 >> 테마 >> 맞춤설정 을 클릭합니다.2) 블로거 테마 디자이너에서 고급 >> CSS 추가를 선택합니다.3) .. 2024. 1. 15.
NN 구글블로그 | 블로거(Blogger) 장단점과 테마 추천 구글 블로그 "blogger"는 도메인에 "blogspot"이 들어가기 때문에 블로그스팟이라고도 불립니다. 이 글에서는 블로그스팟이라고 지칭하겠습니다. 블로그스팟을 시작하기 전에 미리 알아두면 좋은 점들을 정리해 봤습니다. 목차 블로거 (Blogger) 장단점 장점 ▶ 무료로 사용가능합니다 ▶ 계정당 100개까지 개설이 가능합니다 ▶ 구글 서비스(구글서치콘솔, 애널리틱스, 애드센스)와 연동이 쉽고 구글 SEO에 맞게 설정되어있습니다. URL 주소 지정 가능 메타 디스크립션을 따로 만들 수가 있습니다. 티스토리는 첫 문장을 가져다 쓰기 때문에 길이를 정할 수가 없습니다. 구글 블로그스팟은 가능합니다. 단점 ▶ 노출까지 꽤 오랜 시간이 걸리고 그렇기 때문에 유입이 적습니다. ▶ 블로그에 대해 정보를 얻기가 .. 2024. 1. 11.
NN 브런치스토리 | 브런치 매거진과 브런치 북 브런치에서 글을 쓰는 방법은 계속해서 글을 쓰다가 하나의 카테고리화 시킬 때 "브런치 매거진"을 발행한 다음 브런치 매거진을 묶어 책과 같은 형태의 "브런치 북"을 발행하는 것입니다. 목차 브런치 매거진 소개 1) 개념 - 같은 소재로 작성한 글을 묶는 카테고리, 폴더의 개념입니다. 2) 공동집필 - 매거진 하나에 최대 20명 작가가 공동집필할 수 있습니다. 운영 매거진 안에 글은 무한정 담을 수 있지만 "브런치 매거진"은 10개까지 만들 수 있습니다. "브런치 북"을 만든 다음 해당 매거진을 삭제하거나 숨기게 되는데 그냥 삭제하는 것 보다는 매거진 하나를 그 동안 쓴 글들을 모아두는 용도로 쓰는 것을 추천한다고 합니다. 1) 브런치 매거진을 나중에 만드는 방법 - 컨셉이나 주제가 아직 불분명하다면 우선.. 2023. 11. 4.
NN IFTTT 기본 개념과 애플릿 생성 방법 블로그를 하다보면 자신의 블로그에 발행한 글을 페이스북 페이지 등에 자동으로 RSS 발행시키기 위해 IFTTT를 이용하게 됩니다. 이 포스팅에서는 IFTTT의 기본 개념과 애플릿을 만드는 법을 설명드립니다. 목차 1. IFTTT 소개 1) 사이트 주소 - https://ifttt.com/explore Explore Integrations - IFTTT Get more from the services you love on IFTTT. Explore the latest tips and tricks, browse by category, or search by name. ifttt.com 2) 발음 - IFTTT는 If This Then That의 약자로 'g'가 없지만 '기프트'로 발음합니다 3) 기능 - 인.. 2023. 10. 24.
NN SEO | 구글 검색엔진 최적화 기초 사이트나 블로그를 검색엔진에 최적화 시켜서 검색엔진이 더 찾기 쉽도록 개선하는 방법에 대한 구글문서를 요약해봤습니다. 검색 작동 방식을 이해하고 콘텐츠를 제작한다면 검색결과에서 좋은 실적을 낼 가능성이 높아집니다. 원본은 아래 링크에서 참고하세요. 출처 - 구글검색센터 / 검색엔진 최적화 개선 문서 검색엔진 최적화 개선 문서 | Google 검색 센터 | Google for Developers 검색엔진 최적화 문서를 살펴보고 Google 검색에서 사이트의 검색 가능성을 높이는 방법을 알아보세요. developers.google.com 목차 구글 검색 작동 방식 구글은 어떤 순서로 블로그의 글들을 수집해 갈까요? 구글 검색 단계 1) 크롤링 - 구글 크롤러는 자동화된 프로그램으로 인터넷에서 찾은 페이지로부.. 2023. 9. 6.
NN 브런치스토리 가입, 작가, 스토리크리에이터, 수익구조 티스토리와 브런치가 스토리라는 이름으로 통합되어 새롭게 출발합니다. 브런치 스토리는 티스토리와 어떻게 다른 플랫폼인지 가입과 궁금증들을 하나하나 정리해 봤습니다.   브런치스토리 가입 및 설정 회원가입1) 브런치 홈페이지에서 카카오계정으로 간편하게 로그인 하실 수 있습니다.2) 브런치 회원가입3) 작가 프로필 설정하기계정프로필이메일 작가신청브런치에 가입이 끝났습니다. 이제 글을 발행할 수 있느냐? 그건 아닙니다. 브런치에 올라온 글들을 읽을 수 있는 권한이 생긴 것 뿐입니다. 글을 발행하기 위해서는 작가가 되어야 합니다. 1) 작가신청 -> 이메일 인증2) 저장글 - 작가신청을 위해서 사진이나 그림을 첨부해 저장글 3개 이상 작성하시는 것이 좋습니다.3) 승인 - 승인이 되기까지 하루 정도의 시간이 필요.. 2023. 8. 14.
NN 구글 서치 콘솔 문제 해결 구글 서치 콘솔에 블로그를 연결했다면 다음으로 요청과 분석을 통해 블로그의 품질을 올릴 수 있습니다. 페이지 색인 생성 등에 문제가 발생하면 어떤 조치를 취해야 하는지 알아볼게요. 구글 서치 콘솔 용어 크롤링 - 구글에서 페이지를 찾는 것 색인 생성 - 페이지의 콘텐츠를 처리한 후 페이지를 구글 색인에 배치하는 것 코어 웹 바이탈 - 웹 페이지에 대해 구글이 제시하는 성적표로 로딩속도, 모바일 친환성, 보안 등 이용자의 사용 경험에 영향을 미치는 요소들 LCP (Largest Contentful Paint) : 웹 페이지의 로딩 속도에 대한 지표 FID (First Input Delay) : 웹 페이지와 사용자간의 상호 작용에 대한 매트릭스. CLS (Cumulative Layout Shift) : 비쥬.. 2023. 2. 19.