Создать ответ 
Помощь по сайту для artara-nn
Автор Сообщение
Admin Не на форуме
Верховный
Главнокомандующий
(Administrator)
*

Сообщений: 2,431
У нас с: Aug 2011
Сообщение: #1
Помощь по сайту для artara-nn
Итак, к нам за помощью по обновлению сайта обратился пользователь artara-nn. В данной теме будут даваться советы, которые помогут немного подтянуть сайт в глазах поисковых систем.

Начнем... Первым делом перед внесением каких-либо изменений сделайте резервную копию сайта.

Для начала покажу, сколько у Вас на сайте ошибок...
Для этого перейдите на сервисы validator.w3.org и jigsaw.w3.org/css-validator
Введите туда адрес своего сайта и нажмите Enter. Первый сайт покажет количество ошибок HTML (у Вас их 39), а второй - количество ошибок CSS (у Вас их 22).
Их желательно устранить... Как - скажу позже.

Теперь давайте правильно избавимся от указания абсолютного пути в ссылках.
Абсолютные пути это пути вида: <a href="http://Домен_сайта/price"></a>
Мы же будем использовать относительные пути вида: <a href="price"></a>
Для этого в шапке сайте между тегами <head></head> добавьте строчку
<base href="http://Домен_сайта/" />.
"Домен_сайта" естественно нежно заменить на доменное имя Вашего сайта.
Теперь ко всем ссылкам будет автоматически добавляться "http://Домен_сайта/".

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

Например, у Вас на сайте имеется следующий JavaScript код:
Код:
<script type="text/javascript" charset="utf-8">
      var _cloudimLabel = null;
      Cloudim.Api.bind('onInit', function(params){
          _cloudimLabel = document.getElementById('cloudim_label');
          _cloudimChat = document.getElementById('cloudim_chat');
          _cloudimChat.style.display = 'none';
          // set chat colors
          document.getElementById('cloudim_online').style.background = params.tabColor;
          document.getElementById('cloudim_offline').style.background = params.tabColor;
          document.getElementById('cloudim_online').getElementsByTagName('img')[0].src = 'http://cloudim.ru/img.php?text='+encodeURIComponent(params.tabText)+'&angle=90';
          document.getElementById('cloudim_online').getElementsByTagName('img')[0].alt = params.tabText;
      });
      Cloudim.Api.bind('onReady', function(){
          Cloudim.Chat.addEvent(_cloudimLabel, 'click', function(){
              _cloudimChat.style.display = '';
              _cloudimLabel.style.display = 'none';
              Cloudim.Api.openChat();
          });
      });
      Cloudim.Api.bind('onShowTab', function(color){
          _cloudimLabel.style.display = '';
      });
      Cloudim.Api.bind('onOnline', function(){
          document.getElementById('cloudim_online').style.display = '';
          document.getElementById('cloudim_offline').style.display = 'none';
      });
      Cloudim.Api.bind('onClose', function(){
          _cloudimChat.style.display = 'none';
          _cloudimLabel.style.display = '';
      });
      Cloudim.Api.bind('onOpen', function(){
          _cloudimChat.style.display = '';
          _cloudimLabel.style.display = 'none';
      });
      Cloudim.Api.bind('onMessage', function(){
          _cloudimChat.style.display = '';
          _cloudimLabel.style.display = 'none';
      });
      // init cloudim
      Cloudim.Chat.init({uid:3318});
  </script>

Его смело можно поместить во внешний файл (например, cloudim.js), при этом удалив теги <script></script>. Удалил из данного скрипта лишние пробелы и вот что вышло:
.rar  cloudim.rar (Размер: 521 байт / Загрузок: 3)

Скопируйте данный архив, распакуйте его и поместите файл cloudim.js к себе на сайт (лучше в отдельную папку, например, js).
А в исходном коде делаем ссылку на этот самый новый .js файл таким образом: <script type="text/javascript" src="js/cloudim.js"></script>

В итоге если пользователь посещает больше одной странички, то данный файл с JavaScript кодом не будет каждый раз загружаться с Вашего сервера, а закешируется на стороне пользователя.
29.09.2014 11:15:02
Найти все сообщения Цитировать это сообщение
Admin Не на форуме
Верховный
Главнокомандующий
(Administrator)
*

Сообщений: 2,431
У нас с: Aug 2011
Сообщение: #2
RE: Помощь по сайту для artara-nn
Теперь решил заняться таблицами со странички прайсов.

Уж очень много там лишних тегов! Shocked

Возьмем, к примеру, самую первую таблицу со странички:
Код:
<table border="1" cellspacing="0" cellpadding="0" style="margin-left: auto; margin-right: auto;">
<tbody>
<tr style="background-color: #fc0702;">
<td width="86" valign="top">
<p align="center"><span style="color: #ffffff;"><b>Количество</b></span></p>
</td>
<td width="61" valign="top">
<p align="center"><span style="color: #ffffff;"><b>1000</b></span></p>
</td>
<td width="61" valign="top">
<p align="center"><span style="color: #ffffff;"><b>2000</b></span></p>
</td>
<td width="61" valign="top">
<p align="center"><span style="color: #ffffff;"><b>3000</b></span></p>
</td>
<td width="61" valign="top">
<p align="center"><span style="color: #ffffff;"><b>4000</b></span></p>
</td>
<td width="61" valign="top">
<p align="center"><span style="color: #ffffff;"><b>5000</b></span></p>
</td>
<td width="61" valign="top">
<p align="center"><span style="color: #ffffff;"><b>10000</b></span></p>
</td>
<td width="63" valign="top">
<p align="center"><span style="color: #ffffff;"><b>15000</b></span></p>
</td>
<td width="63" valign="top">
<p align="center"><span style="color: #ffffff;"><b>20000</b></span></p>
</td>
</tr>
<tr>
<td style="background-color: #fc0702;">
<p align="center"><span style="color: #ffffff;"><b>Цена за шт.</b></span></p>
</td>
<td width="61" valign="top">
<p align="center"><b>1,8р</b></p>
</td>
<td width="61" valign="top">
<p align="center"><b>1,5р</b></p>
</td>
<td width="61" valign="top">
<p align="center"><b>1,2р</b></p>
</td>
<td width="61" valign="top">
<p align="center"><b>1р</b></p>
</td>
<td width="61" valign="top">
<p align="center"><b>0,9р</b></p>
</td>
<td width="61" valign="top">
<p align="center"><b>0,75р</b></p>
</td>
<td width="63" valign="top">
<p align="center"><b>0,55р</b></p>
</td>
<td width="63" valign="top">
<p align="center"><b>0,45р</b></p>
</td>
</tr>
<tr>
<td style="background-color: #fc0702;">
<p align="center"><span style="color: #ffffff;"><b>За тираж</b></span></p>
</td>
<td width="61" valign="top">
<p align="center"><b>1800р</b></p>
</td>
<td width="61" valign="top">
<p align="center"><b>3000р</b></p>
</td>
<td width="61" valign="top">
<p align="center"><b>3600р</b></p>
</td>
<td width="61" valign="top">
<p align="center"><b>4000р</b></p>
</td>
<td width="61" valign="top">
<p align="center"><b>4500р</b></p>
</td>
<td width="61" valign="top">
<p align="center"><b>7500р</b></p>
</td>
<td width="63" valign="top">
<p align="center"><b>8250р</b></p>
</td>
<td width="63" valign="top">
<p align="center"><b>9500р</b></p>
</td>
</tr>
<tr style="background-color: #e4f9fe;">
<td width="579" colspan="9" valign="top">
<p align="center"><b><i>Разработка макета визитки - от 300р</i></b></p>
</td>
</tr>
</tbody>
</table>

Вес данного кода - 2773 байта.

После нехитрых манипуляций, получаем CSS код на 526 байт и код таблицы на 683 байта. Как видно, экономия на лицо. При этом следует учесть, что для всех последующих таблиц (а их у Вас там 12) CSS код уже повторять не надо.

Так же несомненным плюсом является то, что внеся изменения в одной строчке в CSS, изменится оформление сразу всех 12 таблиц.

Вот CSS код и код таблицы после преобразования:
Код:
<style type="text/css">
    .price { width:700px; margin-left: auto; margin-right: auto; border-collapse: collapse; border: 2px solid #000000; }
    .price>tbody>tr { text-align: center; font-weight: bold; line-height: 3; }
    .price>tbody>tr>th { background-color:#FC0702; color: #FFFFFF; border: 1px solid #000000; }
    .price>tbody>tr>td { border: 1px solid #000000; }
    .price>tbody>tr>.left_col { background-color:#FC0702; color: #FFFFFF; }
    .price>tbody>tr>.footer { font-style: italic; background-color: #E4F9FE; }
</style>

<table class="price">
<tbody>
<tr>
<th>Количество</th>
<th>1000</th>
<th>2000</th>
<th>3000</th>
<th>4000</th>
<th>5000</th>
<th>10000</th>
<th>15000</th>
<th>20000</th>
</tr>

<tr>
<td class="left_col">Цена за шт.</td>
<td>1,8 р.</td>
<td>1,5 р.</td>
<td>1,2 р.</td>
<td>1 р.</td>
<td>0,9 р.</td>
<td>0,75 р.</td>
<td>0,55 р.</td>
<td>0,45 р.</td>
</tr>

<tr>
<td class="left_col">За тираж</td>
<td>1800 р.</td>
<td>3000 р.</td>
<td>3600 р.</td>
<td>4000 р.</td>
<td>4500 р.</td>
<td>7500 р.</td>
<td>8250 р.</td>
<td>9500 р.</td>
</tr>

<tr>
<td colspan="9" class="footer">Разработка макета визитки - от 300 р.</td>
</tr>
</tbody>
</table>

CSS естественно лучше вынести во внешний файл.

А теперь для сравнения скрин того что было (вверху) и того, что стало (внизу):
[Изображение: artara_price_old.png]

[Изображение: artara_price_new.png]

P.S. Сокращение рубля (р.) все-таки правильнее писать с точкой и через пробел от цифры.
29.09.2014 13:31:42
Найти все сообщения Цитировать это сообщение
artara-nn Не на форуме
Старший сержант
*

Сообщений: 48
У нас с: Sep 2014
Сообщение: #3
RE: Помощь по сайту для artara-nn
Итак, как сделать резервную копию? На серваке кроме моего сайта, есть еще несколько, и запчасти моего сайта раскиданы по серваку, как мне аккуратно их вытащить? Если скачать через TeleportPro, то полетят адреса ссылок...
29.09.2014 14:09:22
Найти все сообщения Цитировать это сообщение
Admin Не на форуме
Верховный
Главнокомандующий
(Administrator)
*

Сообщений: 2,431
У нас с: Aug 2011
Сообщение: #4
RE: Помощь по сайту для artara-nn
А разве сайт не в отдельной папке?
На каком движке сайт?

Попробуйте просто скопировать папку с сайтом, на случай если что-то поломается.

Хотя мы работаем пока только с HTML и CSS, так что ничего серьезного натворить не сможем. Big Grin
29.09.2014 14:13:22
Найти все сообщения Цитировать это сообщение
artara-nn Не на форуме
Старший сержант
*

Сообщений: 48
У нас с: Sep 2014
Сообщение: #5
RE: Помощь по сайту для artara-nn
(29.09.2014 14:13:22)Admin писал(а):  А разве сайт не в отдельной папке?
На каком движке сайт?

Попробуйте просто скопировать папку с сайтом, на случай если что-то поломается.

Хотя мы работаем пока только с HTML и CSS, так что ничего серьезного натворить не сможем. Big Grin

Host CMS, на серваке у друга, хочу на хостинг от руцентра перейти, для этого его надо вытащить. Сам сайт вроде в одной папке, а картинки и прочая хрень раскиданы вроде вне папки))


Щас попробую вытащить))
(Последний раз сообщение было отредактировано 29.09.2014 в 14:18:17, отредактировал пользователь artara-nn.)
29.09.2014 14:17:19
Найти все сообщения Цитировать это сообщение
Admin Не на форуме
Верховный
Главнокомандующий
(Administrator)
*

Сообщений: 2,431
У нас с: Aug 2011
Сообщение: #6
RE: Помощь по сайту для artara-nn
Вы вроде думали что-то сделать с фоном...

Вот пришла такая идея, при минимальных затратах выделить полупрозрачной тенью центральный блок с контентом...

Для этого достаточно добавить стиль:
Код:
.content_header { box-shadow: 0 1px 4px rgba(0, 0, 0, .3), -25px 0 25px -25px rgba(0, 0, 0, .9), 25px 0 25px -25px rgba(0, 0, 0, .9), 0 0 20px rgba(0, 0, 0, .1) inset; }

Еще из замеченных косяков - у Вас сайт доступен как с .www так и без .www, следовательно, для поисковиков это два одинаковых сайта, что не есть хорошо. Вам стоит определиться, как Вам больше нравится - с .www или без. Я бы посоветовал оставить без .www, т.к. некоторые сайты все равно убирают эту приставку из ссылок.
29.09.2014 16:39:16
Найти все сообщения Цитировать это сообщение
artara-nn Не на форуме
Старший сержант
*

Сообщений: 48
У нас с: Sep 2014
Сообщение: #7
RE: Помощь по сайту для artara-nn
Вытащили дамп сайта, там море всего (пара сайтов в куче) и я понятия не имею что с этим делать... Как определить что из этого нужно?
29.09.2014 19:45:54
Найти все сообщения Цитировать это сообщение
Admin Не на форуме
Верховный
Главнокомандующий
(Administrator)
*

Сообщений: 2,431
У нас с: Aug 2011
Сообщение: #8
RE: Помощь по сайту для artara-nn
Вы его выкачали через браузер что ли? У Вас есть физический доступ к папке сайта на сервере? Или у Вас только доступ к админке сайта...

Как определить не знаю, с Вашей CMS не работал...

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

Вы бы пока начали делать то, что я Вам в данной теме уже порекомендовал, чтобы двигаться далее.
29.09.2014 20:45:53
Найти все сообщения Цитировать это сообщение
artara-nn Не на форуме
Старший сержант
*

Сообщений: 48
У нас с: Sep 2014
Сообщение: #9
RE: Помощь по сайту для artara-nn
(29.09.2014 20:45:53)Admin писал(а):  Вы его выкачали через браузер что ли? У Вас есть физический доступ к папке сайта на сервере? Или у Вас только доступ к админке сайта...

Да нет) не через браузер)) владелец сервака выгрузил с базой данных)) просто там несколько сайтов и все вперемешку)) ладно, обойдемся без бэкапа)
29.09.2014 21:40:55
Найти все сообщения Цитировать это сообщение
artara-nn Не на форуме
Старший сержант
*

Сообщений: 48
У нас с: Sep 2014
Сообщение: #10
RE: Помощь по сайту для artara-nn
(29.09.2014 11:15:02)Admin писал(а):  Теперь давайте правильно избавимся от указания абсолютного пути в ссылках.
Абсолютные пути это пути вида: <a href="http://Домен_сайта/price"></a>
Мы же будем использовать относительные пути вида: <a href="price"></a>
Для этого в шапке сайте между тегами <head></head> добавьте строчку
<base href="http://Домен_сайта/" />.
"Домен_сайта" естественно нежно заменить на доменное имя Вашего сайта.
Теперь ко всем ссылкам будет автоматически добавляться "http://Домен_сайта/".

1) <base href="http://Домен_сайта/" /> прописал, теперь нужно вручную сократить адреса ссылок? или как?
2) Прописал стиль и код таблицы, вот что вышло. Наверху то что получилось.
3) Про фон, прописал в CSS, ничего не поменялось.
Код:
.content_header { box-shadow: 0 1px 4px rgba(0, 0, 0, .3), -25px 0 25px -25px rgba(0, 0, 0, .9), 25px 0 25px -25px rgba(0, 0, 0, .9), 0 0 20px rgba(0, 0, 0, .1) inset; }

[Изображение: artara_price_2.png]
30.09.2014 20:08:42
Найти все сообщения Цитировать это сообщение
Создать ответ 


Переход:


Пользователи просматривают эту тему: 1 Гость(ей)


LiveInternet
© Copyright 2011-2024 by UsefulScript.ru