본문 바로가기

Web Developer1904

티스토리 블로그 최적화(SEO) 구글 서치콘솔(rss, 사이트맵) 사용하기 안녕하세요. 오렌지셔츠 입니다.이번 시간에는 구글 서치 콘솔에 등록하는 법을 공유해드리겠습니다. 대부분의 작업들은 네이버 웹 마스터 도구에 등록을 할 때 작업을 거의 다 끝내서 이번 편은 무난하게 작업이 가능합니다! 구글 편은 네이버에 비해 의외로 간단합니다. URL을 등록하고 RSS, 사이트맵만 제출하면 끝입니다. 자 그럼 바로 시작하겠습니다. 이미 사이트맵.xml 파일은 미리 만들어 놨기 때문에 등록만 하면 되는 겁니다.  구글서치콘솔 접속https://search.google.com/search-console/about?hl=ko Google Search ConsoleSearch Console 도구와 보고서를 사용하면 사이트의 검색 트래픽 및 실적을 측정하고, 문제를 해결하며, Google 검색결과.. 2020. 4. 27.
티스토리 블로그 최적화(SEO) 네이버 웹 마스터도구 사용하기(2) 이번 편에서는 사이트 최적화에 대해서 진행을 하겠습니다. 전편에서 사이트를 등록하시 않으신 분이라면 먼저 보고 오시길 바라겠습니다. 2020/04/26 - [알면 좋은 것/티스토리&애드센스] - 티스토리 네이버 웹 마스터도구 블로그 최적화(SEO) 하기(1) 티스토리 네이버 웹 마스터도구 블로그 최적화(SEO) 하기(1) 안녕하세요. 오렌지셔츠 입니다 들어가기 앞서 일반적으로는 좋은 콘텐츠, 정보들의 글을 작성하여 사람들이 우연히 방문하여 유용한 사이트라고 판별이 될 시에 시간이 걸리더라도 검색엔진에 글이 노출이 됩니.. realmojo.tistory.com 사이트 최적화 사이트 최적화란 검색엔진이 웹 페이지를 수집하기에 가장 잘맞는 최적의 조건으로 블로그 & 웹 사이트 등을 변경해 주는 작업을 의미합니.. 2020. 4. 26.
티스토리 블로그 최적화(SEO) 네이버 웹 마스터도구 사용하기(1) 안녕하세요. 오렌지셔츠 입니다 들어가기 앞서 일반적으로는 좋은 콘텐츠, 정보들의 글을 작성하여 사람들이 우연히 방문하여 유용한 사이트라고 판별이 될 시에 시간이 걸리더라도 검색엔진에 글이 노출이 됩니다. 하지만 처음 시작하거나 좀 더 구체적으로 적용하고 싶으신 분들에게는 이 글이 도움될 것 같습니다. 네이버 웹 마스터 도구에 대해 공유해 드리겠습니다. SEO 란? SEO(Search Engine Optimization, SEO)는 검색엔진 최적화라는 뜻을 가지고 있으며 콘텐츠의 정보와 질을 높여 자신의 웹사이트 및 블로그 혹은 모든 사이트 등의 노출빈도를 높이는 작업입니다. 키워드 광고로 검색을 높이는 것이 아니며 순수하게 사람들이 검색을 해서 유입할 수 있게 최적화하는 것입니다. 네이버 웹 마스터 도구.. 2020. 4. 26.
티스토리 일치하는 콘텐츠 애드센스 광고 적용 일치하는 콘텐츠는 무엇인가? 내가 작성 한 포스팅 주제를 위주로 구글 알고리즘이 알아서 추천을 해줘서 비슷하게 보여지는 형식의 광고를 말합니다. 자세히 보시면 [광고] 라고 보이는게 있고 작성자가 글을 쓴 내용하고 겹쳐서 보입니다. 구글이 알아서 비슷한 내용으로 추천해주기 때문에 다른 광고에 비해서 좀 더 CPC를 높일 수 있습니다. 애드센스 마지막으로 일치하는 콘텐츠 광고를 적용하는 법을 공유드리겠습니다. 일치하는 콘텐츠 광고 생성 역시나 마찬가지로 광고를 생성하고 코드를 메모장에 복사해 줍니다. 티스토리에 등록 관리자 메뉴로 들어가셔서 [플러그인 - 구글 애드센스(반응형)] 을 클릭해 줍니다. 보통 하단에 많이 작성을 합니다. 아까 복사해둔 코드를 하단에다가 삽입하고 변경사항 적용을 클릭하면 적용이 .. 2020. 4. 25.
버튼 클릭 효과 애니메이션 처리 PC에서는 버튼을 클릭 시 크게 효과가 없지만 모바일에서는 터치로 클릭하였을 때 손가락이 터치했다는 걸 사용자에게 인지하기 위에서 버튼 클릭 시 살짝 버튼이 아래로 가게 하는 기법이 있어서 UX의 만족도를 조금 더 높여 줄 수 있는 방법이다 각 CSS 프레임워크 별 버튼 비교 Normal, Bootstrap, Material, Flat, Element UI 등등이 대표적입니다 가볍게 코딩을 해보았습니다 버튼 클릭 효과 위의 예제에서 마지막에 custom button을 보면 기존의 프레임워크와의 클릭이 조금 다르다는 것을 확인할 수 있습니다. 클릭(active)을 했을 때만 transform: translateY(4px); 를 추가하여 클릭한 효과를 줄 수 있습니다. .custom:active { back.. 2020. 4. 25.
티스토리 콘텐츠 내 자동삽입 광고 방법 안녕하세요. 오렌지셔츠 입니다. 이번에는 콘텐츠 내 자동 삽입 광고를 등록하는 법에대해서 공유 드리겠습니다. 역시나 마찬가지로 1. 애드센스에서 광고를 생성 2. 티스토리 서식에 적용 방법으로 알아보겠습니다. 콘텐츠 내 자동 삽입 광고 만들기 콘텐츠 내 자동 삽입광고를 클릭하여 광고를 생성해 줍니다. 코드를 복사해 주시고 역시나 메모장에 옮겨 적습니다. 티스토리에 서식 등록하기 광고를 삽입할 때 매번 소스코드를 가져와서 등록하기 귀찮으니 서식을 등록해서 사용합니다. 관리자 페이지의 서식관리로 들어가서 서식쓰기를 클릭합니다 에디터 모드를 [기본모드 -> HTML] 로 변경해 줍니다 HTML 모드로 변환하면 아래와 같이 배경이 어두워 집니다 그리고 제목을 적당히 작성하시고 아까 복사한 소스코드를 복붙해 주고.. 2020. 4. 25.

티스토리툴바