raindrop13

raindrop13

Разрабатываю всякое
Пикабушник
97 рейтинг 0 подписчиков 0 подписок 3 поста 0 в горячем
2

Выбор технологии для портала с идеальным SEO

Посмотрел недавно несколько видео с участием Деми Мурыча, разработчика, которого, при всей его эксцентричности и совсем небольшой известности, почему-то регулярно зовут на интервью/подкасты другие более популярные лидеры мнений в сфере IT. Зовут его, как я понял, из-за его глубоких познаний в Javascript, HTML5, SEO и других направлениях. В большинстве этих продолжительных видео-бесед, всё, что он делает - это разносит разработчиков и индустрию за то, что никто не читает спецификацию, и, собственно, рассказывает про эту самую спецификацию.

В одном из таких видео он рассказывал на примерах, как правильно пользоваться семантикой HTML5 и о том, как поисковики "читают" ваш сайт. Вот 2 его утверждения, которые показались интересными лично мне:

  1. В попытки Google научиться читать динамически генерируемую (с помощью JS) разметку не верит, и что его неверие опирается на реальные тесты, проводимые им самим и другими уважаемыми разработчиками.

  2. В семантическую вёрстку, соответствующую стандарту HTML5, не умеет сегодня практически никто.

КАК В РУНЕТЕ С СЕМАНТИКОЙ?

Мне стало интересно, действительно ли в вебе так плохо с семантикой, и я открыл в devtools браузера код страниц Мвидео, DNS и Эльдорадо. К моему удивлению, там действительно всё было очень далеко от идеала. Да, не div-hell, но ничего и близко похожего на адекватную семантическую вёрстку я там не увидел. Ни тегов section или article, ни атрибутов itemprop/itemtype и т.д. Если интересно - проверьте сами.

Помимо этих трёх китов, я пооткрывал разметку страниц интернет магазинов поменьше (не только с электроникой). Никаких качественных отличий.

В одном из видео, Мурыч показывал построенные им самим интернет-магазины, размещённые в вебе с целью тестирования различных SEO-гипотез, и хвастался тем, что, благодаря грамотному подбору тегов (и не только), товары из его "мёртвых" сайтов иногда попадают в секцию "товары" поисковой выдачи Google, хотя его интернет магазин даже не является витриной реального бизнеса.

ЗАПИСЫВАЮСЬ В SEO-ГОНЩИКИ

Я решил проверить, действительно ли так легко обогнать всех в SEО, просто подразобравшись в спецификации HTML5. Понятно, что в перегретых нишах и гео удачу я пытать не буду. Но какой-нибудь тематический региональный портал запилить - почему бы и нет.

В планах построить около 3-х тематических порталов со статьями определённой тематики. Тематики пока не подобрал. Скорее всего дам посетителям возможность создавать статьи, продвигать свои товары и услуги. Но последнее скорее для практики и относительной "полноценности" проектов, основная цель - увидеть воочию, что какая-нибудь из статей одного из порталов попала на 1-ю страницу Google по какому-нибудь не слишком специфичному запросу.

ВЫБОР ТЕХНОЛОГИИ

На данный момент я выбираю технологию, которую буду использовать. За плечами опыт с React, нативной вёрсткой и WordPress. Но ни один из 3х вариантов не подходит:

  • WordPress отпадает, потому что нет желания разбираться в PHP (до этого работал в нём только в визуальных редакторах + css). Я знаю, что для него есть куча SEO-плагинов, но не верю, что они справятся лучше человека, проверяющего каждый тег.

  • React не подходит из-за динамической генерации разметки, плохо сказывающейся на SEO.

  • HTML+JS. Писать в свободное от работы время проект даже средней сложности без какого-либо фреймворка/шаблонизатора у меня не хватит времени и сил.

ПОМОГИТЕ СОВЕТОМ

Какой фреймворк выбрать? Пока в претендентах Next.js и SvelteKit из-за SSR и привычной мне, как React-разработчику, реактивности и state-management-у. Но я новичок в SEO-ориентированной разработке и не знаю, на какие особенности технологии важнее всего обращать внимание. Имеют ли Next и Svelte какие-то явные и давно известные SEO-специалистам недостатки? Может всё-таки стоит присмотреться к WordPress или Laravel? Подойдут ли для моих целей html-шаблонизаторы?

Спасибо всем прочитавшим до конца и особенно тем, кто поделится советом/мнением. <3

Показать полностью
1

Как художники относятся к Midjourney?

Обывателю прикольно поиграться с Midjourney в дискорде, посмотрел на прикольные картинки, сделанные "на заказ" :) А как настоящие художники относятся к изображениям, генерируемым ИИ? Боятся потерять работу или наоборот кайфуют от нового инструмента?

Специалисты и ChatGPT

После выхода в открытый доступ Chat GPT поднялось много шума о том, сможет ли он заменить программистов, копирайтеров и представителей многих других профессий. Такие же переживания были не так давно и у художников после выхода в свет Midjourney, интеллекта, генерирующего изображения на основе текстового описания.

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

Специалисты и ChatGPT IT, Программирование, Копирайтинг, ChatGPT, Искусственный интеллект, Разработка, Длиннопост

Рассмотрим, как могут увеличить свою продуктивность специалисты на примере двух направлений.

Программирование

Сразу успокоим кодеров, в частности, джунов, которые и так опасаются слишком высокого порога вхождения в IT (особенно после массовых увольнений разработчиков из FAANG). Никто вас не заменит, особенно, если не бояться ИИ как огня, а наоборот, использовать для работы и обучения.

Давайте попросим ChatGPT что-нибудь для нас сделать. Например, отправим такой запрос:

Напиши функцию на JS, которая сделает запрос на сервер и положит результат в переменную mydata. Оставляй комментарии на индийском.

В результате получаем:

function getDataFromServer() {

// Запрос к серверу

let xhr = new XMLHttpRequest();

xhr. open('GET', '/some/url', true);

xhr.onreadystatechange = function () {

if (xhr.readyState == 4 && xhr.status == 200) {

let mydata = JSON.parse(xhr.responseText);

// Полученные данные помещаются в переменную mydata

// सेवा से प्राप्त डेटा प्रत्येक भीतर की गई मान mydata में रखा जाता है } };

xhr.send(); }

Как видим, результат оставляет желать лучшего. Часть комментариев на русском, а переменная mydata находится в области видимости функции и мы не сможем получить доступ к данным извне. Но!

  • Если конкретный сервис с ChatGPT учитывает предыдущие сообщения пользователя, мы можем поправить ИИ, написав что-то вроде "часть комментариев на русском, а я просил на индийском". Бот извинится и отправит другой вариант кода, где комментарии будут только на индийском (случаи, в которых СНГ разработчик будет писать комментарии на индийском, придумайте сами).

  • Если вводить запрос на английском, результат будет качественнее. Ещё одна причина прокачать свой english.

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

  • У ChatGPT есть так называемые Fine Tuned модели, которые специально настроены под определённую сферу. Одной из таких моделей является DaVinciCode. Она будет выдавать более адекватные ответы. Запросы с использованием данной модели дороже, поэтому вы вряд ли найдёте сервисы, где с ней дадут поиграться бесплатно.

  • Ну и, наконец, просто доводим всё до ума "ручками", например выносим переменную mydata во внешний скоуп.

В результате работа программиста превращается в редактирование и "сшивание" подобных кусков кода, сгенерированных ИИ в один цельный проект/модуль. Какие-то задачи за вас не решит даже самая лучшая языковая модель, но стандартные рутинные задачи теперь потребуют гораздо меньше времени и интеллектуальных сил. В общем, пользуемся обязательно!

Копирайтинг и SMM

Следующие 2 абзаца полностью написаны ИИ ChatGPT, отправленный запрос: «Напиши пост о том, как smm-менеджеры и копирайтеры могут повысить свою эффективность с помощью chat GPT». Вот результат:

SMM-менеджеры и копирайтеры могут повысить свою эффективность с помощью Chat GPT. Это инструмент, который помогает им создавать более качественные и привлекательные посты для различных социальных сетей. Он позволяет автоматизировать процесс написания контента, что помогает экономить время. Например, если SMM-менеджеру нужно написать пост для Instagram, он может использовать Chat GPT для автоматического построения поста из нескольких предложенных шаблонов.

Кроме того, Chat GPT помогает создавать более уникальный контент, используя искусственный интеллект. Это позволяет писателям более точно понимать потребности и предпочтения их аудитории. Кроме того, Chat GPT дает писателям подсказки о том, как можно улучшить свои посты, чтобы они были более захватывающими. Это может существенно повысить эффективность SMM-менеджеров и копирайтеров.

Неплохо, правда? Да, полученному в результате тексту может не хватать структуры, эмоций, или в нём попросту будет отсутствовать информация, которую вы ожидали на выходе. Но у этих проблем есть несколько решений:

  • Скорректировать запрос, более точно описав ожидаемый результат

  • Сделать несколько запросов, например, по одному на каждый смысловой блок

  • Использовать запросы для генерации «сырья», которое вы позже отредактируете и получите готовый качественный пост.

Чат-бот NeoBrain

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

https://t.me/NeoBrain_Bot?start=520687380

Мы дарим 4000 бесплатных токенов (около 20 запросов на русском языке, или 100 на английском) всем, кто подпишется на наш новостной канал. Бот поддерживает несколько языковых моделей ChatGPT (в т.ч. DaVinciCode), а также позволяет генерировать и обрабатывать изображения с помощью других ИИ (DALL-E, Stable Infusion 2). Каждый интеллект имеет широкий список настроек.

Мы постоянно добавляем новые ИИ, модели, и скоро доделаем веб-сервис с расширенным функционалом. В веб-сервисе будет возможность вести переписку сразу в нескольких чатах, а ИИ будет учитывать все предыдущие сообщения, выдавая всё более релевантные ответы.

Показать полностью
Отличная работа, все прочитано!