티스토리 블로그에 아이콘과 파비콘을 설정하는 방법을 알아보겠습니다.

아이콘은 여러분이 로그인할 때 보이는 그림을 말하며 다른 사람에게는 안 보입니다 ><

파비콘은 여러분의 블로그 타이틀에 그림을 보여주는 것을 말합니다.

자세한 건 아래에서 알아보도록 하겠습니다.




00. 들어가기 앞서

아이콘과 파비콘은 업로드 조건이 있습니다.

다음과 같이 100KB 이하의 파일을 사용해야 합니다.

사이즈를 조절해주면 얼추 작아지니까 그림판, 포토샵 등의 다양한 방법을 이용하여 크기를 줄여보도록 합시다.




01. 티스토리 블로그 아이콘 설정하기

먼저 [관리자 탭]->[블로그]->[아이콘의 불러오기] 순서로 선택해줍니다.




여기서 여러분의 PNG 파일(권장)을 선택해줍니다.

어려울 것 없이 설정이 완료됩니다.




02. 티스토리 블로그 파비콘 설정하기

위의 아이콘 설정 방법과 비슷합니다.

먼저 [관리자 탭]->[블로그]->[파비콘의 불러오기] 순서로 선택해줍니다.




여기서 Icon 형태의 파일이 아니더라도 PNG 형태의 파일도 가능하니 Icon 형태로 굳이 만들 필요가 없습니다.

단, 모든 파일로 선택해야 보이니 유의하시기 바랍니다.




03. 세팅 완료 모습

세팅을 완료하면 다음과 같이 보이게 됩니다.




이번에는 열심히 꾸민 티스토리 블로그를 더욱 효율적으로 검색될 수 있도록 도와주는 사이트맵을 제출하는 방법을 알아보도록 하겠습니다.




01. 티스토리 블로그 사이트맵 만들기

먼저 다음 링크의 사이트로 들어갑니다.


http://www.web-site-map.com/index.php(클릭)


그러면 다음과 같이 사이트가 나타나는데, 다음과 같이 자신의 티스토리 URL을 입력합니다.


그리고 Get free XML Sitemap을 클릭해줍니다.





그러면 다음과 같은 창이 나타나는데, 차례차례 입력해줍니다.


모두 입력 및 선택을 완료하고 Create free XML Sitemap을 클릭해줍니다.


그러면 사이트 맵이 생성되는데, 사이트의 크기에 따라 오래걸리게 됩니다.


저는 블로그가 작아 적게 걸렸습니다. ㅠㅠㅠ...


사이트맵이 생성되면 [download your Sitemap]를 클릭해줍니다.




그러면 다음 페이지로 가게 되는데, sitemap.xml을 다운로드 하도록 합니다.




다운로드 받은 파일을 다음과 같이 티스토리 블로그에 새로운 게시물로 파일을 등록합니다.


등록한 파일은 비공개로 해두는 것이 좋을 것 같습니다.


[파일]->[파일 선택]->XML 파일 확인한 후->[등록]




등록된 게시물로 들어가서 해당 게시물의 링크 주소를 복사합니다.





02. 구글 웹 마스터로 사이트맵 등록하기


구글 웹 마스터 도구(클릭)


먼저 구글 웹마스터를 로그인 해주시고~~


[Sitemaps]->[새 사이트맵 추가]로 들어갑니다.


그러면 사이트맵 제출 페이지에서 자신의 파일이 등록된 URL 링크를 복사 붙여넣기 합니다.


전체 링크가 복사되기 대문에 자신의 원래 URL은 지우고 attachment로 시작되는 링크만 붙여넣어줍니다.




제출을 완료하고 [새로고침]을 해주면 다음과 같이 제출이 잘 완료됐음을 볼 수 있습니다.


'INFORMATION > Google' 카테고리의 다른 글

[구글] 티스토리 블로그 구글 검색 등록하기  (0) 2019.01.26
[구글] 티스토리 블로그 자동 광고 달기  (0) 2018.10.27
[구글] 티스토리 블로그 Google Adsense 사이드바 광고 달기  (0) 2018.10.27


여러분이 열심히 꾸민 티스토리 블로그가 구글에 잘 검색되도록 한다면 굉장히 많은 사람들이 여러분의 블로그를 방문할 것이니다.


구글은 여러분의 사이트를 노출시킬 수 있도록 웹 마스터 서비스를 제공합니다.




00. 들어가기 전에

구글 웹 마스터 도구(클릭)


구글 웹 마스터 도구를 클릭하여 해당 사이트로 들어가줍니다.


여기서 여러분의 아이디로 로그인해주시기 바랍니다.


로그인을 했다면 다음으로 [Search Console] 버튼을 클릭합니다.




01. 구글 Search Console로 티스토리 블로그 연동하기

구글 Search Console을 들어가면 다음과 같은 화면이 나타날 것입니다.


여기서 우리의 티스토리 블로그를 입력하고, [속성 추가] 버튼을 클릭해줍니다.




그러면 다음과 같이 인증 확인중이 뜨다가....




아래의 그림처럼 소유권 확인 절차를 들어갑니다.


네이버 웹 마스터 도구를 통해 블로그를 등록하듯이, HTML 태그를 통해 등록해주어야 합니다.





02. 티스토리 블로그에 HTML 태그 등록하기

HTML 태그는 다음과 같은 방법으로 들어가줍니다.


[스킨 편집]을 클릭하고 [html 편집]을 눌러줍니다.


그리고 [HTML] 탭에서 우리의 HTML 태그를 <Head> 아래의 임의의 위치에 붙여넣고 [적용]을 눌러줍니다.




03. 구글 웹마스터 도구로 티스토리 블로그 연동 완료하기

티스토리 블로그에 구글 HTML 태그를 입력한 후에, [확인]을 눌러줍니다.


그러면 다음과 같이 소유권이 확인됨을 볼 수 있습니다.




그리고 다시, 다음과 같이 구글 Search Console로 들어가서 자신의 사이트를 선택해줍니다.


그러면 자신의 사이트에 얼마나 실적이 있는지 볼 수 있습니다.




이 다음에는 자신의 사이트의 사이트맵을 등록해야 합니다.


이는 다음 포스트에서 작성하도록 하겠습니다.






'INFORMATION > Google' 카테고리의 다른 글

[구글] 티스토리 블로그 구글 검색 등록하기(사이트맵 제출하기)  (0) 2019.01.26
[구글] 티스토리 블로그 자동 광고 달기  (0) 2018.10.27
[구글] 티스토리 블로그 Google Adsense 사이드바 광고 달기  (0) 2018.10.27




이번에는 열심히 꾸민 티스토리 블로그를 더욱 효율적으로 검색될 수 있도록 도와주는 사이트맵을 제출하는 방법을 알아보도록 하겠습니다.





01. 티스토리 블로그 사이트맵 만들기

먼저 다음 링크의 사이트로 들어갑니다.


http://www.web-site-map.com/index.php(클릭)


그러면 다음과 같이 사이트가 나타나는데, 다음과 같이 자신의 티스토리 URL을 입력합니다.


그리고 Get free XML Sitemap을 클릭해줍니다.





그러면 다음과 같은 창이 나타나는데, 차례차례 입력해줍니다.


모두 입력 및 선택을 완료하고 Create free XML Sitemap을 클릭해줍니다.


그러면 사이트 맵이 생성되는데, 사이트의 크기에 따라 오래걸리게 됩니다.


저는 블로그가 작아 적게 걸렸습니다. ㅠㅠㅠ...


사이트맵이 생성되면 [download your Sitemap]를 클릭해줍니다.




그러면 다음 페이지로 가게 되는데, sitemap.xml을 다운로드 하도록 합니다.




다운로드 받은 파일을 다음과 같이 티스토리 블로그에 새로운 게시물로 파일을 등록합니다.


등록한 파일은 비공개로 해두는 것이 좋을 것 같습니다.


[파일]->[파일 선택]->XML 파일 확인한 후->[등록]




등록된 게시물로 들어가서 해당 게시물의 링크 주소를 복사합니다.




02. 네이버 웹 마스터로 사이트맵 등록하기


네이버 웹 마스터 도구(클릭)


먼저 네이버 웹마스터를 로그인 해주시고~~


[요청]->[사이트맵 제출]을 클릭합니다.


그러면 사이트맵 제출 페이지에서 자신의 파일이 등록된 URL 링크를 복사 붙여넣기 합니다.


전체 링크가 복사되기 대문에 자신의 원래 URL은 지우고 attachment로 시작되는 링크만 붙여넣어줍니다.




그러면 완료!!


'INFORMATION > Naver' 카테고리의 다른 글

[네이버] 티스토리 블로그 네이버 검색 등록하기  (0) 2019.01.26



여러분이 열심히 꾸민 티스토리 블로그가 네이버에도 검색된다면 굉장히 많은 사람들이 여러분의 블로그를 방문할 것입니다.


네이버는 여러분의 사이트를 노출되도록 해주는 서비스가 존재합니다. 


이는 티스토리 블로그 특성상 네이버 검색 유입이 매우 약하기 때문입니다.




00. 들어가기 전에

네이버 웹 마스터 도구(클릭)

네이버 웹 마스터 도구를 클릭하여 해당 사이트로 들어가줍니다.


여기서 여러분의 아이디로 로그인해주시기 바랍니다.






01. 네이버 웹 마스터 도구로 티스토리 블로그 연동하기

로그인을 마치면 여러분의 연동된 사이트 목록이 나타납니다.


먼저 [사이트 간단 체크]를 클릭해줍니다.




여러분의 티스토리 사이트 URL을 입력하고, 조회를 눌러줍니다.




제 블로그 같은 경우는 다음과 같은 조회 결과가 나왔습니다.

제가 가장 첫 페이지로 등록해둔 사이트 설명 페이지가 매우 부실하다며 저렇게 경고 창이 뜨더군요... 바꿀 맘 없다능!!


이제 아래에 나타난 [조회한 사이트 소유확인 하기]를 클릭해줍니다.






그러면 사이트 소유 확인 창이 나타나게 되는데, 여기서 HTML 태그를 클릭해줍니다.


HTML 파일 업로드는 티스토리 블로그에서 할 수 없는 옵션입니다. 이점 유의하셔야 합니다.(업로드를 하더라도 http://자신의 사이트.com/images/html파일 이렇게 들어가기 때문...)


일단 자신의 meta tag를 복사합니다.





02. 티스토리 블로그에 HTML 태그 등록하기

HTML 태그는 다음과 같은 방법으로 들어가줍니다.


먼저 [스킨 편집]을 클릭하고 [html편집]을 눌러줍니다.(아래의 그림에는 나타나지 않음)


[html 편집]을 눌러주면 아래의 그림과 같이 [HTML], [CSS], [파일 업로드]가 나타납니다.


여기서 <head> 바로 아래에 원하는 위치에 복사해둔 태그를 붙여넣고, [적용]을 누릅니다.




03. 네이버 웹 마스터 도구로 티스토리 블로그 연동 완료하기

입력을 완료한 후! 확인을 눌러줍니다.


반드시 자신의 메타 태그를 티스토리 블로그 내에 붙여넣은 후에 적용된 후에!!! 확인을 눌러주셔야 합니다.




그러면 연동된 사이트 목록이 나타날 것입니다.

나타난 사이트 URL을 클릭해줍니다.




아직 끝난 게 아닙니다!!


URL을 클릭하면 다음과 같이 RSS를 제출해야 합니다.


[요청]->[RSS 제출]을 들어갑니다.




RSS 제출에서 자신의 URL과 뒤에 /rss를 추가로 입력하여 확인을 눌러줍니다.

완료!!




이 외에도 [사이트맵 제출]과 같이 등록해야 할 것들이 다양하게 있습니다. 


다음 포스트에서는 [사이트맵 제출]에 대해 알아보도록 하겠습니다.



'INFORMATION > Naver' 카테고리의 다른 글

[네이버] 티스토리 블로그 네이버 검색 등록하기(사이트맵 제출하기)  (0) 2019.01.26




구글에서는 사용자들의 편의를 위하여 자동으로 광고를 게재할 수 있도록 하는 자동 광고 기능이 있습니다.

이번 글에서는 초보자도 쉽게 구글 애드센스를 사용할 수 있도록 도와주는 Google Adsense 자동 광고 기능에 대해 알아보도록 하겠습니다.




01. Adsense의 자동 광고 설정

먼저 Google Adsense에 로그인 하셨다면, 여러가지 탭이 보이실 것입니다.

여기서 다른 탭은 넘어가고, 바로 설명에 들어가도록 하겠습니다.




자동 광고 시작하기


먼저 자동 광고를 사용하기 위해서는 설정을 먼저 해주셔야 합니다.

설정을 위하여 [콘텐츠] -> [자동 광고] 순으로 탭을 들어가시면 다음과 같은 화면이 나올 것입니다.




자동 광고를 선택하시면 다음과 같은 화면을 볼 수 있으실 것입니다.

여기서 바로 시작하기를 눌러주시면 바로 자동 광고 설정으로 들어가지게 됩니다.







게시할 광고 종류 설정


다음으로 여러분이 게재되는 광고의 종류가 다양하게 있습니다.

이러한 광고들의 종류를 선택해주시면 됩니다.

저는 여기서 모두 위의 4 가지를 모두 클릭해주었습니다.


단, 아래 그림에는 보이지 않지만, '앵커 광고', '모바일 전면광고'는 선택하지 않는 것을 추천드립니다.






시작하기 완료(코드 확인)


이제 게재할 광고의 종류를 모두 선택하셨다면 자동 광고를 정상적으로 실행할 수 있다고 나옵니다.

여기서 여러분이 사용할 코드를 확인하셔야 합니다.






코드는 다음과 같습니다.

아래의 코드에서 4번째 줄은 제가 임의로 0으로 모두 채워두었는데, 여러분의 번호가 따로 나타날 것입니다.


<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({
          google_ad_client: "ca-pub-000000000000000",
          enable_page_level_ads: true
     });
</script>

해당 소스를 여러분의 <head> </head> 사이에 삽입하시면 됩니다.





02. 티스토리 HTML에 Adsense 코드 삽입


먼저 HTML 소스코드를 삽입하려면 티스토리 관리자 페이지로 들어가셔야 합니다.

관리자 페이지에서 [스킨 편집] -> [html 편집] 순으로 들어가주시면 HTML 소스를 수정할 수 있는 창이 있습니다.





HTML 수정하는 영역이 나온다면, 이제 여기서 여러분께서 받은 코드를 </head> 위에 삽입해주도록 합니다.

해당 소스코드를 삽입하시고 저장하면 적용이 바로 됩니다.






03. Adsense의 자동 광고 설정 변경


자동 광고가 설정이 완료되면 [자동 광고 설정] 링크와 [연필모양] 링크가 보이실 것입니다.

각각의 설정은 다음과 같습니다.




여러분이 사용할 코드 확인





게시할 광고 종류 설정(및 변경)




'INFORMATION > Google' 카테고리의 다른 글

[구글] 티스토리 블로그 구글 검색 등록하기(사이트맵 제출하기)  (0) 2019.01.26
[구글] 티스토리 블로그 구글 검색 등록하기  (0) 2019.01.26
[구글] 티스토리 블로그 Google Adsense 사이드바 광고 달기  (0) 2018.10.27



구글에서 지원하는 Google Adsense의 서비스를 이용하여 사이드바 광고를 넣는 법에 대해 알아보도록 하겠습니다.


구글에서는 자신이 원하는 광고를 사이즈 및 형태별로 게재할 수 있도록 서비스를 제공하고 있습니다.

이번 글에서는 카테고리, 알림, 블로그 메뉴가 표시되는 사이드바 영역에 광고를 넣는 방법을 차근차근 알아보도록 합시다~



01. Adsense의 광고 생성

먼저 Google Adsense에 로그인 하셨다면, 여러가지 탭이 보이실 것입니다.

여기서 다른 탭은 넘어가고, 바로 다음 순서의 탭 안으로 들어가도록 합시다.



새 광고 단위 생성


먼저 광고 단위를 생성하기 위해 [콘텐츠] -> [광고 단위] 순으로 탭을 들어가시면 다음과 같은 화면이 나올것입니다.



해당 탭으로 들어가셨다면 바로 [새 광고 단위]를 클릭해줍니다.

새 광고 단위를 통해 여러분이 게시하고자 하는 광고를 생성할 수 있습니다.

여기서는 반응형, PC, Mobile 등에 게시할 형태별, 사이즈별 광고를 생성할 수 있습니다.



광고 종류 선택


다음으로 여러분이 만들 광고를 선택하셔야 합니다.

대부분의 광고가 [텍스트 및 디스플레이 광고]로 이루어져 있습니다.

때문에 해당 포스트에서도 이 광고로 생성을 해보도록 하겠습니다.





광고 크기 선택


위의 그림처럼 텍스트 및 디스플레이 광고를 클릭해주시면 다음과 같은 그림이 나올 것입니다.


여기서는 여러분이 생성하고자 하는 광고의 크기를 지정해주는 곳입니다.

기본적으로 반응형을 권장하고, 다른 크기는 권장하지 않고 있더군요.(2018.07.26. 기준)

때문에 저는 반응형으로 생성하였습니다.


하지만 여기서 권장드릴 수 있는 크기 [반응형]과 [수직배너(큰 스카이스크래퍼)] 두 가지로 말씀드릴 수 있을 것 같습니다.






광고 생성 완료(코드 확인)


원하시는 크기를 설정하셨다면 다음과 같이 광고 코드가 생성된 것을 보실 수 있습니다.

해당 코드는 이제 여러분이 광고를 게시하고자 하는 영역에 삽입할 코드입니다.






02. 티스토리 사이드바 광고 등록

현재 읽고 계시는 포스트에서 가장 중요한 내용이 이 부분이 아닐까 싶습니다.

다음은 티스토리 사이드바에 광고를 어떻게 등록하느냐 입니다.



플러그인 적용


먼저 티스토리에 로그인하시고, 관리자 영역으로 들어가시면 다음과 같이 여러 설정 메뉴들이 보이실 것입니다.

여기서 플러그인을 선택하고 검색창에 '사이드바' 라고 검색하시면 여러 플러그인들이 보이실 것입니다.

이 중에서 [배너 출력]을 선택하여 '적용'해주시기 바랍니다.




사이드바 편집(1)


플러그인 설정이 완료되면, 다음으로 배너 출력을 선택합니다.

배너 출력의 종류가 다양하게 나오게 되는데, 이때 [HTML 배너 출력]을 선택합니다.

우리가 받은 Google Adsense 코드는 HTML 소스이기 때문에 HTML 배너 출력을 선택해주셔야 적용할 수 있습니다.




사이드바 편집(2)


사이드바를 선택해주시면, 오른쪽에 여러분이 선택한 HTML 배너 출력이 보이시게 될 것입니다.

여기서 [편집]을 클릭하면 HTML 배너출력에 대한 두 가지 수정사항이 보이실 것입니다.

저는 이름에 '사이드바 광고'라고 작성하였고, HTML 소스에는 광고 생성 완료(코드 확인)의 코드를 그대로 복사하여 삽입해주었습니다.

이후 확인을 누르고 저장을 하시게 되면 광고가 생성된 것을 확인하실 수 있으실 것입니다.




'INFORMATION > Google' 카테고리의 다른 글

[구글] 티스토리 블로그 구글 검색 등록하기(사이트맵 제출하기)  (0) 2019.01.26
[구글] 티스토리 블로그 구글 검색 등록하기  (0) 2019.01.26
[구글] 티스토리 블로그 자동 광고 달기  (0) 2018.10.27

+ Recent posts

티스토리툴바