Комментарии Blogger: Настройка и улучшение.

Приветствую вас дорогие блоггеры. Сегодня мы с вами продолжим изучать Blogger, и на очереди у нас комментарии. Это мега большая и разносторонняя публикация, которая полностью ответит на все ваши вопросы касательно настройки комментариев в Blogger.

Blogger комментарии

Содержание

Так же для улучшения SEO рекомендую ознакомиться с материалом: индексируемые разделы Blogger

Какая форма комментариев лучше?

Если вы пользователь Blogger, тогда запомните, что лучшей формой комментариев, для вашего сайта является стандартная блоггеровская форма. Ни Вконтакте, ни Facebook, ни Disqus, только обычная блоггеровская форма комментов. Почему так?

• Во-первых, в отличии от остальных она индексируется всеми поисковиками. Например Яндекс, Майл.ру и другие на данном этапе не распознают вышеуказанные формы комментариев. 
• Во-вторых, сторонние формы содержат внешние ссылки. 
• В третьих они негативно влияют на скорость загрузки страниц сайта. 

И даже с теми багами о которых пойдет речь в этой статье, блоггеровский инструмент все равно будет лучше. Тем более дальше вы узнаете, как искоренить эти баги и тем самым выжать весь максимум из комментариев.

Комментарии Blogger проблемные места

Примерно 5 или 6 лет тому назад Blogger обновил свои комментарии сделав их древовидными. То есть каждый ответ на комментарий пользователя имеет небольшой отступ от края, чтобы указать на его отношение. Размер или ширина отступа зависит от того, каким этот ответ идет по счету, если первым тогда ближе, второй уже дальше, третий еще дальше, и т.д..

Пример:
-Комментарий
 - Первый ответ на этот комментарий
   - Второй ответ на этот комментарий
     - Третий ответ на этот комментарий

Наглядный фото пример:

Все логично, такой вид комментариев значительно упрощает общение между пользователями блога.

Казалось бы все хорошо, но увы не все так прелестно. Дело в том, что каждый комментарий Blogger содержит в себе аж две исходящие ссылки. Это "Логин" автора комментария и кнопка - ссылка "Удалить" комментарий. Первая ведет на профиль пользователя в Google plus или в Blogger, а вторая на Blogger. Даже то, что первая ссылка закрыта атрибутом "nofollow" ничем не облегчает сложившеюся ситуацию.

Секунду друзья, чуть не забыл еще об одной проблемной ссылке. Относится она к дате комментария. Хоть эта ссылка внутренняя, а не внешняя, но она цикличная из-за нее страница ссылается на саму себя. В энциклопедии Гугл ясно прописано, что такие ссылки, плохо влияют на продвижение сайта.

Все эти участки отмечены на скриншоте:

Стоит отметить, что даже при таких условиях комментарии все же приносят сайту больше плюсов, нежели минусов. Но если убрать эти минусу, тогда и вовсе будет собачий кайф. Правда после того, как комментарии стали древовидными, заделать подобную брешь не так и просто.

Оптимизация древовидных комментариев       

Для того, чтобы оптимизировать комментарии Blogger нужно заменить саму форму, а это за собой тянет смену ее внешнего вида. Пример формы, которую я предлагаю установить.

Как видите внешний вид довольно таки неплохой, плюс добавлены эмотиконы (смайлики).

Теперь приступим к установке.

1. Прежде сохраните резервную копию своего текущего шаблона.

2. В панели управления, раздел "Тема" откройте редактор "Изменить HTML"

3. В редакторе ищем строку:



Таких строк может быть несколько, меняем их все следующей строкой:

CSS

HTML

 
  
   

    1 :
     
      
    
   
  
  
   
    
     
    
     
    
     
    
     
    
   
  
  

  

   
   

      
       

       
                            

      
    

     

     

      
              
     
     

    
    

   

  

               
                
               
                
               
               
                 
               
 


               
              
 
              

               


             
     

     
     

    

    

    
   
   

    

    
     
       
        
       
        
       
        
       
        
       
     
    
    

  

   
    
     
       
       
    
    
    
     
    
   
  
 


       
       
       , apabila salah menulis, tidak akan berfungsi
        Replace_Image_Ext = ['JPG', 'GIF', 'PNG', 'BMP'];//(support: jpg, gif, png, bmp),hanya berfungsi apabila Replace_Image_Link=true
        //Pengaturan Emoticon
        Emo_List = [
':)'      ,'//twemoji.maxcdn.com/36x36/1f600.png',
':('      ,'//twemoji.maxcdn.com/36x36/1f615.png',
'hihi'  ,'//twemoji.maxcdn.com/36x36/1f601.png',
':-)'      ,'//twemoji.maxcdn.com/36x36/1f60f.png',
':D'      ,'//twemoji.maxcdn.com/36x36/1f603.png',
'=D'      ,'//twemoji.maxcdn.com/36x36/1f62c.png',
':-d'      ,'//twemoji.maxcdn.com/36x36/1f604.png',
';('      ,'//twemoji.maxcdn.com/36x36/1f61e.png',
';-('      ,'//twemoji.maxcdn.com/36x36/1f62d.png',
'@-)'   ,'//twemoji.maxcdn.com/36x36/1f616.png',
':P'      ,'//twemoji.maxcdn.com/36x36/1f61c.png',
':o'    ,'//twemoji.maxcdn.com/36x36/1f62e.png',
':>)','//twemoji.maxcdn.com/36x36/1f606.png',
'(o)'    ,'//twemoji.maxcdn.com/36x36/1f609.png',
':p'    ,'//twemoji.maxcdn.com/36x36/1f614.png',
'(p)'    ,'//twemoji.maxcdn.com/36x36/1f619.png',
':-s'    ,'//twemoji.maxcdn.com/36x36/1f625.png',
'(m)'    ,'//twemoji.maxcdn.com/36x36/1f620.png',
'8-)'    ,'//twemoji.maxcdn.com/36x36/1f60e.png',
':-t'    ,'//twemoji.maxcdn.com/36x36/1f624.png',
':-b'    ,'//twemoji.maxcdn.com/36x36/1f634.png',
'b-('    ,'//twemoji.maxcdn.com/36x36/1f635.png',
'$-)'    ,'//twemoji.maxcdn.com/36x36/1f4b5.png',
'(y)'    ,'//twemoji.maxcdn.com/36x36/1f44d.png',
'x-)'    ,'//twemoji.maxcdn.com/36x36/1f60d.png',
'(k)'    ,'//twemoji.maxcdn.com/36x36/1f496.png',
        ];
                                //Config Force tag list, define all in lower case
                                Force_Tag = [
                                    '[pre]','
',
                                    '[/pre]','
',
                                    '
','',
                                    '
',''
                                ];
eval(function(p,a,c,k,e,r){e=function(c){return(c35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('3 q=\'.W\';3 1a=$(\'#N-Y\').B(\'y\');u 1w(H){3 1h=\' \\n\\r\\t\\f\\2p\\1S\\1T\\1U\\24\\25\\26\\27\\2e\\2h\\2k\\2m\\2n\\2u\\2y\\2z\\2A\\2F\\1L\\1N\\1O\\1P\\1Q\';G(3 i=0;i1k>\';7=7.d(0,8)+1j+7.d(8+K.5);8=7.g(m);b(8==-1){m=\'22://13.Z.X/1t?v=\';8=7.g(m)}}}b(23){3 1d=\'\';3 x=7;G(3 i=0;i<1z.5;i++){3 m=\'.\'+1z[i];3 o=x.E();3 8=o.g(m);F(8!=-1){l=x.d(0,8+m.5);o=l.E();3 w=\'2j://\';3 z=o.g(w);3 L=\'\';F(z!=-1){L=w.R();l=l.d(z+w.5);o=l.E();z=o.g(w)}w=\'1K://\';o=l.E();z=o.g(w);F(z!=-1){L=w.R();l=l.d(z+w.5);o=l.E();z=o.g(w)}b(L==\'\'||l.5<6){11}l=L+l;1d+=x.d(0,8+m.5-l.5)+\'\';x=x.d(8+m.5);o=x.E();8=o.g(m)}}7=1d+x}b(1m){3 5=A.5;b(5%2==1){5--}G(3 i=0;i<5;i+=2){3 V=\'\';8=7.g(A[i]);F(8!=-1){7=7.d(0,8)+V+7.d(8+A[i].5);8=7.g(A[i])}}}b(2G){3 5=U.5;b(5%2==1){5--}G(3 i=0;i<5;i+=2){F(1){3 x=7.R();8=x.g(U[i]);b(8!=-1){7=7.d(0,8)+U[i+1]+7.d(8+U[i].5)}1e{11}}}}C 7});$(\'.1M\').k(u(D,7){b(1m){3 5=A.5;b(5%2==1){5--}3 15=\'\';G(3 i=0;i<5;i+=2){3 1C=\'<1F>\'+A[i]+\'1F>\';3 V=\'\';15+=\'\'+V+1C+\'\'}C 15}});$(\'.1f .1B p\').k(u(i,h){10=h.R();D=10.g(\'@\',D);b(14!=-1){h=h.d(0,D)+h.d(14+4)}}C h});u 1l(j){r=j.g(\'c\');b(r!=-1)j=j.d(r+1);C j}u 1n(j){j=\'&1Z=\'+j+\'#%1o\';1p=1a.1q(/#%1o/,j);C 1p}u 1r(){k=$(q).k();$(q).k(\'\');q=\'.W\';$(q).k(k);$(\'#N-Y\').B(\'y\',1a)}u 1s(e){j=$(e).B(\'16\');j=1l(j);k=$(q).k();b(q==\'.W\'){1u=\'\'+2a.2b+\'\';$(q).k(1u)}1e{$(q).k(\'\')}q=\'#2d\'+j;$(q).k(k);$(\'#N-Y\').B(\'y\',1n(j))}17=2f.2g.12;18=\'#N-2i\';19=17.g(18);b(19!=-1){1y=17.d(19+18.5);1s(\'#2l\'+1y)}G(3 i=0;i=2v.2w){$(\'#c\'+J+\':P .2x\').1G()}3 Q=$(\'#c\'+J+\':P\').k();Q=\'\'+Q+\'\';$(\'#c\'+J).1G();C(7+Q)})}}3 1I=$("#2B");1I.2C(\'.2D S\').2E(u(){3 1J=$(1i).B(\'y\');$(1i).2H().B(\'y\',1J.1q(/\\/s[0-9]+(\\-c)?\\//,"/2I-c/"))});',62,169,'|||var||length||oldhtml|check_index|||if||substring|||indexOf|||par_id|html|img_src|search_key||upper_html||Cur_Cform_Hdr||||function||http_search|temp_html|src|find_http|Emo_List|attr|return|index|toUpperCase|while|for|str|class|child_id|yt_link|save_http|div|comment|Items|first|child_html|toLowerCase|img|yt_code|Force_Tag|img_html|comment_form|com|editor|youtube|temp|break|href|www|index_tail|newhtml|id|cur_url|search_formid|search_index|Cur_Cform_Url|par_level|yt_code_index|save_html|else|comment_wrap|http|whitespace|this|yt_video|iframe|Valid_Par_Id|Display_Emo|Cform_Ins_ParID|7B|n_cform_url|replace|Reset_Comment_Form|Display_Reply_Form|watch|reset_html|origin_cform|trim|comment_emo|ret_id|Replace_Image_Ext|parentId|comment_body|img_code|data|level|span|remove|ht|avatar|ava|HTTPS|u200a|comment_emo_list|u200b|u2028|u2029|u3000|item|x5d|x7c|x7d|charAt|comment_youtube|embed|autohide|parentID|frameborder|allowfullscreen|https|Replace_Image_Link|x3c|x3e|x0b|xa0|comment_block|onclick|Msgs|addComment|name|r_f_c|u2000|window|location|u2001|form_|HTTP|u2002|rc|u2003|u2004|in|x5b|parseInt|Replace_Youtube_Link|comment_img|comment_child|u2005|Config|maxThreadDepth|comment_reply|u2006|u2007|u2008|comments|find|comment_avatar|each|u2009|Replace_Force_Tag|show|s45'.split('|'),0,{}))
    //]]>


6. Завершающий этап. Найдите строку   сразу после нее идет код до строки  весь этот код меняем на этот:



HTML

    
      

      
      
      
    
      







      
      
      
    
    
    
    
  


7. Сохраните шаблон.



Так же не забывайте про наши оптимизированные шаблоны blogger и услуги по их настройке. На этом все, удачи друзья.




Blogger: В комментариях не работает кнопка Ответить 
Буквально два месяца тому назад в Blogger произошли изменения, которые увы негативно повлияли на работу формы комментариев. Это касается формы, которая отличалась от стандартной, далеко идти не нужно, чуть выше есть инструкция по установке этой формы. Так вот у нас теперь получается неполноценный виджет, у которого не работает должным образом кнопка Ответить и Древовидная функция комментов. Уже сейчас есть возможность восстановить работу кнопки Ответить, однако древовидное отображение комментариев пока что не удалось наладить.



Скопируйте код ниже и установите его в редакторе Изменить HTML перед закрывающим тегом