29 Март 2021

Текстовый контент — залог успеха в поисковой раскрутке

Более менее закончив с функциональной составляющей сайта dekorimage.ru (каталог изображений работает, так же можно поработать с изображением выбрав необходимый размер фотографии для печати) решил я уже и уделить время поисковой оптимизации страничек сайта.
Главная страничка более менее оптимизирована — небольшое контекстное наполнение писал сам + на главную транслируются свежие отзывы покупателей, думаю этого достаточно.
А вот для категорий и подкатегорий необходимы уникальные SEO тексты.
Для первой категории детские фотообои заказал написание текста на etxt.ru — в принципе текстом я доволен, попросил добавить тематичности (именно про детские фотообои), а то сопутствующего текста оказалось больше, чем тематического…

А пока для категорий без уникального текста думаю создать автогенерируемый универсальный текст (всё лучше чем ничего).
Подобный текст нужно будет добавить и на детальные странички.

Как сделаю — отпишусь 🙂

PS
Ещё в планах задействовать механизм мультисайтинга, как у конкурентов.
Пример сайта для Новосибирска https://novosibirsk.arthouz.ru/fotooboi и Омска https://omsk.arthouz.ru/fotooboi
Правда придётся сертификат покупать, который с поддоменами работает — но думаю оно того стоит (при правильной оптимизации под города).

рубрики: SEO | Комментарии (0)

15 Март 2021

Javascript — не отрабатывает cобытие on load

Для удобной работы при заказе изображений для фотообоев на сайте Декор Имидж я разрабатывал соответствующий функционал — при вводе размеров изображение разбивается на полосы с указанием размеров.

НО на сайте обнаружился неприятный баг — при переходе на детальную страницу данный функционал работал раз через два — то разобъёт на полосы, то нет.
Причём чаще нет, чем да.

После изучения данной проблемы я экспериментальным путём пришел к выводу, что событие on load к которому я привязывал процедуру по работе с изображением отрабатывало не перманентно.
С коллегами с форума программистов (пост), выяснилось, что событие не отрабатывает если изображение «подтягивается» из кэша браузера (что по моему мнению конечно же недоработка).

Ниже рабочее решение — смысл в том, что для 100% отрабатывания события on load атрибут SRC картинки сначала мы обнуляем, а потом после присвоения с нужным адресом уже слушаем событие load.

/**
 * TAP-версия загрузки изображения по HTTP
 * @param {string} url Строка URL
 * @returns {Promise<void>} Обещание, не возвращающее результат
 */
function loadImgAsync(img, url) {
    return new Promise((resolve, reject) => {
        img.addEventListener("load", function loadHandler() {
            img.removeEventListener("load", loadHandler);
            resolve();
        });
        img.addEventListener("error", function errorHandler() {
            img.removeEventListener("error", errorHandler);
            reject(new Error("Ошибка загрузки изображения с адреса: " + url));
        });
        img.setAttribute("src", ""); // Сделать, чтобы картинка точно грузилась
        img.setAttribute("src", url);
    });
}
let img = document.querySelector("img");
// img.onload = () => { console.log("Картинка загрузилась. Обрабатываю."); };
console.log(img.complete);
 
document.querySelector("#btn").onclick = btn_click;
 
async function btn_click() {
    let url = "wallpaper.jpg";
    // let url = "https://dekorimage.ru/upload/iblock/c24/c24e87409cfc786486cd5f3fe893f3cf.jpg";
    // let url = "https://dekorimage.ru/upload/iblock/596/596c1129512974610c3a281a99f03db2.jpg";
    //let url = "https://cyberstatic.net/images/cyberforum_logo.png";
    try {
        await loadImgAsync(img, url);
        console.log("Картинка загружена. Обработка.");
    }
    catch (error) {
        console.log(error.message);
    }
}

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

/**

* TAP-версия загрузки изображения по HTTP

* @param {string} url Строка URL

* @returns {Promise<void>} Обещание, не возвращающее результат

*/

function loadImgAsync(img, url) {

return new Promise((resolve, reject) => {

img.addEventListener("load", function loadHandler() {

img.removeEventListener("load", loadHandler);

resolve();

});

img.addEventListener("error", function errorHandler() {

img.removeEventListener("error", errorHandler);

reject(new Error("Ошибка загрузки изображения с адреса: " + url));

});

img.setAttribute("src", ""); // Сделать, чтобы картинка точно грузилась

img.setAttribute("src", url);

});

}

let img = document.querySelector("img");

// img.onload = () => { console.log("Картинка загрузилась. Обрабатываю."); };

console.log(img.complete);

document.querySelector("#btn").onclick = btn_click;

async function btn_click() {

let url = "wallpaper.jpg";

// let url = "https://dekorimage.ru/upload/iblock/c24/c24e87409cfc786486cd5f3fe893f3cf.jpg";

// let url = "https://dekorimage.ru/upload/iblock/596/596c1129512974610c3a281a99f03db2.jpg";

//let url = "https://cyberstatic.net/images/cyberforum_logo.png";

try {

await loadImgAsync(img, url);

console.log("Картинка загружена. Обработка.");

}

catch (error) {

console.log(error.message);

}

рубрики: Javascript | Комментарии (0)

15 Март 2021

Битрикс — как получить ссылки на изменение элемента

Продолжаем работу с сайтом по производству фотообоев в Новосибирске — решил добавить в свой компонент ссылки на редактирование элемента.

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

//получаем ссылки для редактирования и удаления элемента
$arButtons = CIBlock::GetPanelButtons(
    $arItem["IBLOCK_ID"],
    $arItem["ID"],
    0,
    array("SECTION_BUTTONS"=>false, "SESSID"=>false)
);
$arItem["EDIT_LINK"] = $arButtons["edit"]["edit_element"]["ACTION_URL"];
$arItem["DELETE_LINK"] = $arButtons["edit"]["delete_element"]["ACTION_URL"];
 
//добавляем действия (экшены) для управления элементом
$this->AddEditAction($arItem['ID'], $arItem['EDIT_LINK'], CIBlock::GetArrayByID($arItem["IBLOCK_ID"], "ELEMENT_EDIT"));
$this->AddDeleteAction($arItem['ID'], $arItem['DELETE_LINK'], CIBlock::GetArrayByID($arItem["IBLOCK_ID"], "ELEMENT_DELETE"), array("CONFIRM" => GetMessage('CT_BNL_ELEMENT_DELETE_CONFIRM')));

1

2

3

4

5

6

7

8

9

10

11

12

13

//получаем ссылки для редактирования и удаления элемента

$arButtons = CIBlock::GetPanelButtons(

$arItem["IBLOCK_ID"],

$arItem["ID"],

0,

array("SECTION_BUTTONS"=>false, "SESSID"=>false)

);

$arItem["EDIT_LINK"] = $arButtons["edit"]["edit_element"]["ACTION_URL"];

$arItem["DELETE_LINK"] = $arButtons["edit"]["delete_element"]["ACTION_URL"];

//добавляем действия (экшены) для управления элементом

$this->AddEditAction($arItem['ID'], $arItem['EDIT_LINK'], CIBlock::GetArrayByID($arItem["IBLOCK_ID"], "ELEMENT_EDIT"));

$this->AddDeleteAction($arItem['ID'], $arItem['DELETE_LINK'], CIBlock::GetArrayByID($arItem["IBLOCK_ID"], "ELEMENT_DELETE"), array("CONFIRM" => GetMessage('CT_BNL_ELEMENT_DELETE_CONFIRM')));

Далее в блоке, в котором будет располагаться содержимое элемента, добавляем уникальный id для управления элементом:

<p id="<?=$this->GetEditAreaId($arItem['ID']);?>">
    <!--содержимое элемента-->
</p>

1

2

3

<p id="<?=$this->GetEditAreaId($arItem['ID']);?>">

</p>

Готово!

рубрики: Bitrix | Комментарии (0)

15 Март 2021

Меняем skin цветовую схему для Midnight Commander

Работая по ssh зачастую путаешься — то ли ты с правами root то ли под обычным пользователем, отсюда бывают накладочки.
Лично я в ssh предпочитаю работать в файловом менеджере Midnight Commander, поэтому решил для root изменить цветовую схему программы.

Все скины тут /usr/share/mc/skins/
Меняем в конфиге vi ~/.config/mc/ini
(режим вставки i (правим) потом Esc :wq — выйти и записать )
Замена в строке skin=default => skin=darkfar

Менять нужно именно внешним редактором, т.к. если это сделать в самом mc — при выходе он перезаписывает конфиг, соответственно изменения теряются

В некоторых версиях сменить можно интерактивно
Настройки -> Оформление

Но в моём CentOS 7 такой настройки не было

рубрики: NIX, Администрирование | Комментарии (0)

5 Март 2021

CMD скрипт создание директорий в цикле

Скрипт в продолжение предыдущего поста…
Собственно, часть контента для заливки на сайт подготавливаю на локальном компьютере под управлением Windows 10.
Приходится раскидывать вручную из «общего котла» по куче папок, и чтобы автоматизировать хоть часть работы, сваял скриптик по созданию папок в цикле
001, 002, …, 154

Setlocal EnableDelayedExpansion
@echo off

set /a max=154

FOR /L %%i IN (1,1,%max%) DO (
 set r=%%i
 if %%i LSS 100 set r=0%%i
 if %%i LSS 10 set r=00%%i
 echo !r!
 mkdir !r!
)

1

2

3

4

5

6

7

8

9

10

11

12

Setlocal EnableDelayedExpansion

@echo off

set /a max=154

FOR /L %%i IN (1,1,%max%) DO (

set r=%%i

if %%i LSS 100 set r=0%%i

if %%i LSS 10 set r=00%%i

echo !r!

mkdir !r!

)

рубрики: SEO | Комментарии (0)

4 Март 2021

PHP скрипт — авто нумератор в тексте

Работая с контентом небольшая задачка огранизовалась — в файле с таблицей ссылки вида «//» нужно пронумеровать по порядку
«/1/»
«/2/»
«/3/»
и т.д.
и всего таких строк около 150 штук!

Собственно, сваял небольшой скриптик на основе preg-replace-callback позволяющий делать подобную замену

$file = $argv[1];
if(!$file) exit();
$count = 1; 
$pattern = '!\/\/!'; 
$text = file_get_contents($file);
$text = preg_replace_callback( $pattern , function($match) use (&$count) { $str = "/$count/"; $count++; return $str; } , $text );
echo $text;

1

2

3

4

5

6

7

$file = $argv[1];

if(!$file) exit();

$count = 1;

$pattern = '!\/\/!';

$text = file_get_contents($file);

$text = preg_replace_callback( $pattern , function($match) use (&$count) { $str = "/$count/"; $count++; return $str; } , $text );

echo $text;

запускаю с командной строки таким образом
php numerator.php infile.php > outfile.php

Доработка — вариант с именованием c дополненными нулями в виде ./001/ ./002/ и т.д.

<?
$file = $argv[1];
if(!$file) exit();
$count = 0; 
$pattern = '!\/\/!'; 
$text = file_get_contents($file);
$text = preg_replace_callback( $pattern , function($match) use (&$count) {
    $str = "/$count/"; 
    $count++; 
    return "./".str_pad($count, 3, "0", STR_PAD_LEFT)."/";
    } , $text );
echo $text;

1

2

3

4

5

6

7

8

9

10

11

12

<?

$file = $argv[1];

if(!$file) exit();

$count = 0;

$pattern = '!\/\/!';

$text = file_get_contents($file);

$text = preg_replace_callback( $pattern , function($match) use (&$count) {

$str = "/$count/";

$count++;

return "./".str_pad($count, 3, "0", STR_PAD_LEFT)."/";

} , $text );

echo $text;

рубрики: Online инструменты, PHP | Комментарии (0)

Пн	Вт	Ср	Чт	Пт	Сб	Вс
« Фев				Апр »
1	2	3	4	5	6	7
8	9	10	11	12	13	14
15	16	17	18	19	20	21
22	23	24	25	26	27	28
29	30	31