Edycja szablonu bloga na blogerze + optymalizacja

4 lipca 2013 r. | Autor: seogrot | Kategoria: Promocja SEO

W ramach maratonu ” Zarobki w Internecie bez inwestycji »Dwa blogi zostały utworzone na platformie Blogger ze standardowymi szablonami.

Mam nieco unikalne szablony, można to zrobić bez ingerencji w kod, używając projektanta szablonów, który znajduje się w sekcji Projektowanie .

Mam nieco unikalne szablony, można to zrobić bez ingerencji w kod, używając projektanta szablonów, który znajduje się w sekcji Projektowanie

Edytor ma możliwość zmiany koloru motywu bloga i poszczególnych elementów, szerokości bloków, czcionek, a także stworzenia spersonalizowanego arkusza stylów CSS. Ograniczyłem się do standardowych funkcji.

Ponadto w sekcji Projekt możesz dodać do swojego bloga różnego rodzaju gadżety: wyświetlać popularne wiadomości, archiwizować blogi, tworzyć ankietę, listę itd., A także zmieniać układ elementów projektu, przeciągając je w odpowiednie miejsce.

, A także zmieniać układ elementów projektu, przeciągając je w odpowiednie miejsce

Korzystanie z usługi creatr.cc stworzył logo. Możesz przesłać go w tej samej sekcji projektu , klikając Edytuj obok elementu tytułu. Podobnie zmieniłem ikonę (Favicon), obraz, który będzie wyświetlany na karcie obok tytułu strony. Wyłączony pasek nawigacyjny.

Na jednym blogu usunąłem nazwę stopki i napis „Blogger Technologies” z stopki i pozostawiłem ją na drugiej. Jeśli chcesz również usunąć, możesz to zrobić, przechodząc do sekcji Szablon-> Edytuj kod HTML i komentując następujący kod:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 <! - <b: sekcja class = 'foot' id = 'footer-3' showaddelement = 'no'> <b: widget id = 'Attribution1' locked = 'true' title = '' type = 'Attribution'> <b: include idable = 'main'> <b: if cond = 'data: feedbackSurveyLink'> <div class = 'mobile- survey-link 'style =' text-align: center; ' > <dane: feedbackSurveyLink /> </ div> </ b: if> <div class = 'zawartość-widżetu' style = 'text-align: center;' > <b: if cond = 'data: attribution! = & quot;' > <data: attribution /> </ b: if> </ div> <b: include name = 'quickedit' /> </ b: includeable> </ b: widget> </ b: sekcja> ->

<! - <b: section class = 'foot' id = 'footer-3' showaddelement = 'no'> <b: widget id = 'Attribution1' locked = 'true' title = '' type = 'Attribution'> <b: includeable id = 'main'> <b: if cond = 'data: feedbackSurveyLink'> <div class = 'mobile-survey-link' style = 'text-align: center;'> <dane: feedbackSurveyLink /> </ div> </ b: if> <div class = 'zawartość-widżetu' style = 'text-align: center;'> <b: if cond = 'data: attribution! = & quot; & quot; : attribution /> </ b: if> </ div> <b: include name = 'quickedit' /> </ b: includeable> </ b: widget> </ b: sekcja> ->

Zmieniono warunek tworzenia tytułu dla stron postów, tak aby tylko tytuł wiadomości bez nazwy bloga został zastąpiony tytułem. W tym celu w sekcji Szablon-> Edytuj kod HTML zastąpiono kod:

1 <title> <data: blog. pageTitle /> </ title>

<title> <data: blog.pageTitle /> </ title>

na

1 2 3 4 <b: if cond = 'data: blog.pageType == & quot; item & quot; > <title> <data: blog. pageName /> </ title> <b: else /> <title> <data: blog. pageTitle /> </ title> </ b: if>

<b: if cond = 'data: blog.pageType == & quot; item & quot;'> <title> <dane: blog.pageName /> </ title> <b: else /> <title> <data: blog.pageTitle /> </ title> </ b: if>

Dołączono możliwość dodawania unikalnych opisów (metatag Opis) podczas tworzenia postu. Możesz to zrobić w sekcji Ustawienia-> Ustawienia wyszukiwania-> Tagi meta (opis) . Na stronie do tworzenia / edycji wiadomości na prawym pasku bocznym pojawi się pole „Opis wyszukiwarek”.

Dodano niestandardowy plik robots.txt:

1 2 3 4 5 6 7 8 9 10 User-agent: Mediapartners-Google Disallow: User-agent: * Disallow: / search Disallow: /*archive.html Disallow: / *? ShowComment * Allow: / Sitemap: http: / /blogname.blogspot.com/feeds/posts/default?orderby=UPDATED

User-agent: Mediapartners-Google Disallow: User-agent: * Disallow: / search Disallow: /*archive.html Disallow: / *? ShowComment * Allow: / Sitemap: http://blogname.blogspot.com/feeds/posts / default? orderby = UPDATED

Kod adsense zostanie umieszczony na początku posta, zaraz po tytule i na końcu postu. Aby jednostka reklamowa była wyświetlana tylko na stronie postu, musisz określić warunek wyjścia:

1 2 3 <b: if cond = 'data: blog.pageType == & quot; item & quot;' > Kod AdSense </ b: if>

<b: if cond = 'data: blog.pageType == & quot; item & quot;'> Adsense code </ b: if>

W trybie edycji szablonu znajdź linie:

1 2 3 <div class = 'post-header'> <div class = 'post-header-line-1' /> </ div>

<div class = 'post-header'> <div class = 'post-header-line-1' /> </ div>

Po nich musisz wstawić jednostkę reklamową, która zostanie wyświetlona po tytule.

Poniżej będzie ta linia:

Po tym musisz wstawić jednostkę reklamową, która będzie wyświetlana na końcu posta.

Kod AdSense będzie wyglądał następująco:

1 2 3 4 5 6 7 8 9 10 11 12 <div style = 'text-align: center;' > & lt; typ skryptu = & quot; tekst / javascript & gt; & lt ;! - google_ad_client = & quot; ca -pub - 2904559123023498 & quot ;; / * 468x60, avia * / google_ad_slot = & quot; 2904559123 "; google_ad_width = 468; google_ad_height = 60; // - & gt; & lt; / script & gt; & lt; typ skryptu = & quot; tekst / javascript & quot; src = „http: //pagead2.googlesyndication.com/pagead/show_ads.js&quot;&gt; & lt; / script & gt; </ div>

<div style = 'text-align: center;'> & lt; typ skryptu = & quot; text / javascript & gt; & lt ;! - google_ad_client = & quot; 111-2904559123023498 & quot; / * 468x60, avia * / google_ad_slot = „2904559123”; google_ad_width = 468; google_ad_height = 60; // - & gt; & lt; / script & gt; & lt; typ skryptu = & quot; tekst / javascript & quot; src = „http: //pagead2.googlesyndication.com/pagead/show_ads.js&quot; & gt; & lt; / script & gt; </ div>

W przykładzie dodałem wyrównanie środka, a także zastąpiłem podwójne cudzysłowy i nawiasy kątowe znakami specjalnymi. W przeciwnym razie reklamy nie będą wyświetlane.

Wydaje się, że opisał główne punkty, teraz musimy przygotować artykuły, wypełnić i promować blogi.

Html Disallow: / *?
Com/feeds/posts/default?
Html Disallow: / *?
Com/feeds/posts / default?