본문 바로가기

웹 개발/블로그32

NN 블로그 | 개인블로그 개발 과정 정리 블로그를 개발하다보면 생각보다 많은 작업을 해야만 합니다. 블로그 개설 어느 플랫폼에서 블로그를 만들 것인가? 1) 티스토리 - Daum의 서비스형 블로그 2) 네이버 - 검색 노출이 잘 되지만 구글광고 미지원 3) Blogger - 구글이 제공하는 블로그 서비스 장점 : 애드센스, 100개까지 제작가능 단점 : 속도가 느림 4) 워드프레스 - 자유도가 높지만 개발자가 아니면 힘듭니다. 사이트맵 생성 사이트맵은 검색엔진이 검색을 쉽게 할 수 있도록 xml로 정리된 파일입니다. 검색엔진 등록을 위해서는 필수입니다. 웹사이트 | 사이트맵 생성 # 사이트맵 사이트맵은 사이트에 있는 페이지, 파일 등의 관계와 정보를 표시합니다. 검색엔진이 사이트 내의 업데이트 된 정보등을 잘 읽고 자세한 검색 결과를 얻기 위하.. 2022. 5. 25.
NN 블로그 | 카카오뷰와 티스토리 연동 카카오뷰 카카오의 콘텐츠 큐레이션 서비스로 '취향'과 '관점'에 맞는 모든 종류의 콘텐츠 링크 조합입니다. 카카오톡 모바일 하단 세번째 탭에서 볼 수 있습니다. 창작 채널 — 카카오 뷰에 보드를 발행하고 사용자를 만날 수 있는 채널 뷰 에디터 — 카카오 뷰에서 콘텐츠를 발행하는 창작자로 다양한 콘텐츠 링크를 모아 '보드'형태로 발행. 하나의 보드는 최대 10개의 콘텐츠 링크로 구성 카카오뷰 창작센터 https://creators.kakao.com/start 카카오 뷰 창작센터 시작하기 창작센터에서 보드만들기 - 카카오에서 뷰 에디터로서 첫 걸음을 내딛어보세요. 내 관점의 콘텐츠를 모으면 자연스레 보드가 됩니다. creators.kakao.com 창작센터에서 보드를 만들기 위해서는 먼저 '카카오비즈니스 회.. 2022. 4. 25.
NN 블로그 | IFTTT로 페이스북 페이지 연동 티스토리 블로그를 하면서 백링크나 페이스북 페이지 연동 등의 이유로 공유를 하실텐데요. 매번 글 쓸때마다 하기 힘드니 RSS를 이용해 자동으로 공유해주는 "IFTTT"를 소개합니다. IFTTT 사이트 — https://ifttt.com/ IFTTT 가입이 필요합니다. 페이스북으로 로그인해볼까요? 로그인 후 상단 Explore 탭을 눌러주세요. 위의 사이트로 들어가신 뒤 검색창에 "rss to factbook"을 검색해 "rss to facebook page"를 선택해 주세요. 아무거나 하셔도 상관은 없습니다. 페이스북 페이지 티스토리 블로그에 글을 올리면 페이스북 페이지에 올라갑니다. 페이스북 페이지가 있어야겠죠? 페이지 만들기 로그인 — 페이스북으로 가셔서 로그인을 합니다. 페이지 만들기 — 위쪽에 ".. 2022. 2. 23.
NN 티스토리 | 본문 제목 영역 수정하기 배경 이미지 수정 ✝︎ 배경이미지 고정으로 바꾸기문제점 — 본문의 대표이미지로 제목 배경 이미지가 깔리게 됩니다. 하지만 아래 그림과 같은 문제점이 있습니다.썸네일의 크기가 맞지 않으면 이상하게 잘려서 보이는 문제 본문에 삽입된 이미지와 제목 배경이미지가 2번 보이는 문제 솔루션 — 모든 글의 제목 배경 이미지를 고정시키면 크기나 색 때문에 제목이 잘 안 보이는 현상을 제거할 수가 있습니다. 1. 스킨편집 - 파일 업로드에 배경으로 쓸 이미지를 올리기 2. 스킨편집 - CSS 에서 .post-cover 부분을 찾습니다. 3. 다음 소스를 추가합니다. 이미지이름은 올린 이름에 맞게 수정해주세요. 12background: #fff url(./images/ClassicBlue.png) no-repeat 0 0.. 2020. 8. 12.
NN 구글 애널리틱스 홈 웹사이트의 주요 데이터를 요약해서 보여줍니다. 영역 헤더 영역 - 네비게이션 영역과 검색 기능, 제품 변경 등 메뉴 영역 - 홈, 실시간, 수명주기, 사용자, 이벤트, 탐색(분석), 구성, 관리 콘텐츠 헤더 영역 - 보고서와 관련된 기능이 포함 콘텐츠 영역 - 메뉴에서 선택한 콘텐츠가 보여지는 영역 주요항목 사용자수, 수익, 전환율, 세션수 — 요일 및 시간별 사용자 — 현재 사이트에 있는 사용자수와 페이지 — 사용자 유치 — 사용자 위치 — 사용자 방문 페이지 — 시간별 활성 사용자 — 기기별 세션 유입 — 주 단위 사용자 유지 — 목표 완료수, 목표값, 목표 전환율 — 애드워즈 캠페인 — 제품 판매 — 카드 제어 측정기준, 측정항목 선택도구 — 기간 선택도구 — 관련 보고서 링크 — 맞춤설정 (C.. 2020. 7. 9.
NN Bing 웹마스터 SEO 목차 1. 태그 1) 태그에 ALT 속성 내용이 정의되지 않았습니다.원인 — 글에 이미지 삽입 시 넣을 수 있는 '대체 텍스트' alt 태그가 안 들어가서 생기는 에러 타입입니다. 방법 — 하나하나 다 넣어줘야 합니다. 하지만 빙 SEO보고서에서는 alt태그가 없는 url이 50개 페이지만 나열됩니다. 50개가 넘는 경우 격주로 업데이트 된다고 하니 2주 기다리시면 수정이 필요한 페이지가 새로 뜹니다. 2. HTML 크기 1) HTML의 평가된 크기는 125kb 이상으로 예상되고 완벽하게 캐시되지 않을 위험이 있습니다.원인 — 본문의 내용이 너무 긴 경우와 CSS, Script가 너무 많이 로딩 되는 경우 (20개 이상) 뜨게 됩니다.방법 — 불필요한 스크립트를 빼 주세요. 3. h1 태그 1) 페이지에.. 2020. 6. 10.
NN 검색 엔진 최적화를 위한 SEO 검색엔진 최적화란 무엇인지 최적화를 위한 방법은 무엇이 있는지 정리해드립니다. 목차 1. 검색 엔진 최적화 SEO (Search Engine Optimization) 검색엔진 결과 페이지에서 자신의 웹페이지의 순위와 노출도를 높여 트래픽을 올리는 것이 최적화 작업입니다. 왜 중요하냐면 91.5%의 트랙픽이 검색결과 첫페이지에 집중되어있다고 합니다. 쉽게 말해, 누군가 무언가를 검색했을 때 첫페이지에서만 찾아볼 확률이 91.5%란 것입니다. 검색광고 비용을 지불하지 않고 상위에 노출되기 위해서는 검색엔진이 원하는 바를 알아야만 합니다. 2. 검색 엔진 최적화 방법 보안 프로토콜 (HTTPS) 2014년 구글은 보안의 중요성 때문에 HTTP 대신 HTTPS를 권고한다고 발표했습니다. HTTP : 하이퍼텍스트.. 2020. 5. 14.
NN 티스토리 | 글에 자동 목차 넣기 구에디터에서만 동작합니다. TOC (Table of Contents) TOC 플러그인 본문 상단에 자동으로 목차가 들어가고 클릭을 하면 그 목차로 이동하게 됩니다. 자동으로 들어가게 하기 위해서는 몇 개의 설정이 필요합니다. 1. https://ndabas.github.io/toc/ : 먼저 플러그인을 깃에서 다운로드 하면 2개의 파일이 생깁니다. 플러그인을 티스토리 파일 업로드에 올려놔야합니다. 2. 스킨편집 >> html편집 >> 파일업로드 >> 추가 3. HTML 편집으로 와서 다음 코드를 사이에 넣어주세요 4. CSS 편집으로 와서 가장 마지막에 다음 코드를 넣어주세요. /* 글 목차 */ .toc { list-style-type: disc; background: #fff none repeat s.. 2020. 5. 13.
NN 티스토리 | 사이즈 이미지 태그 스킨 관련 팁 글❛ 글 하루 제한 50개❛ 본문 내 h1 태그(머리말1) 사용 금지 이미지❛ 본문에 삽입되지 않은 대표 이미지로 넣지 않는다❛ 이미지 alt태그 입력 사이즈+ 슬라이드 : 1960 X 600+ 썸네일 : 250 X 250+ 본문 : 768 (애드센스 광고 최대 720 >> 좌우 여백 20씩) + 유튜브 동영상 첨부 시 모바일에서 우측이 넘어가 버리는 경우 를 로 교체 + 유튜브 동영상 사이즈 자동 조절 : 스킨편집 html 앞에 다음 코드 삽입 + 표 사이즈 폰 화면 크기에 맞추기 빨간색으로 표시 된 width 부분 모두 삭제 태그❛ 태그 다는 법 1. 띄어쓰기 금지 : 띄어씌기한 이후는 포함되지 않는다. 메타태그메타태그는 스킨 편집 html에 넣을 수 있지만 메타 태그 플러그인 사용하며 스킨 변경 시.. 2020. 2. 17.