Фриланс и веб с OlegTix | WordPress

⬜️ Про мета тег keywords ⬜️

Meta-тег keywords был одним из первых способов оптимизации контента для поисковых систем. Он позволял seo-специалистам указывать ключевые слова для каждой страницы сайта, которые должны были помочь поисковым системам понять, на какие запросы отвечает данная страница.

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

В результате, поисковые системы перестали учитывать мета-тег keywords при ранжировании страниц.

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

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

WEB PANDA | #seo

⬜️ Стилизация select file ⬜️

Оказывается кнопку выбора файла можно стилизовать, если к ней специально обратиться.

🔗 Посмотреть 🔗

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

WEB PANDA | #codepen #верстка

⬜️ Сервис для создания дизайнов ⬜️

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

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

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

Canva является очень полезным инструментом для людей, которые не являются профессионалами в области дизайна, но хотят создавать качественные и красивые дизайны. Онлайн-сервис позволяет быстро и легко создавать дизайны, что экономит время и силы.

🔗 Посмотреть 🔗



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

WEB PANDA | #сервисы #дизайн

⬜️ Сервис для создания мокапов ⬜️

Сайт позволяет создавать красивые мокапы из скриншотов сайта. Идеален для создания стильного портфолио в 1 стиле.

🔗 Посмотреть 🔗

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

WEB PANDA | #сервисы #дизайн

⬜️ Почему не следует брать изображения из поиска ⬜️

Быстро получить изображение из Google для использования на сайте может быть удобно, но использование изображений без лицензии может привести к проблемам с законом. Если вы не являетесь владельцем изображения или не имеете явного разрешения от него, то у вас нет прав использовать его на своем веб-сайте. Использование нелицензионных изображений, также известное как "кража изображений", является незаконным.

➡️ Лицензированные изображения — это изображения с разрешением автора на использование только по лицензии Creative Commons или при покупке безвозмездной лицензии.

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

⬜️ Нарушение авторских прав. Если вы используете изображение без разрешения, владелец может направить запрос на удаление, требующий, чтобы вы удалили изображение. Множественные нарушения могут привести к судебному иску против вас.

⬜️ Штрафы и судебные иски. В некоторых случаях владельцы авторских прав могут потребовать от вас возмещения убытков, чтобы покрыть упущенную выгоду от платы за лицензирование изображений.

⬜️ Ущерб репутации. Использование украденных изображений плохо отражается на вас и вашем сайте. Это создает впечатление, что вы можете украсть или использовать в плагиате другой контент. Поддерживайте свою репутацию, уважая работу других людей и используя только изображения, тексты и другие материалы, лицензированные по закону.
Конечно, вряд ли пользователи смогут заметить то, что изображение заменилось, но всё равно лучше чтобы шанс был равен нулю, особенно на популярных сайтах.

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

💥 Если статья была полезна, то буду рад, если вы поделитесь ей с друзьями.

WEB PANDA | #оптимизация #советы

⬜️ Коллекция html элементов ⬜️

Сайт с множеством интересных интерактивных сложных элементов. Аналог codepen.

🔗 Посмотреть 🔗

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

WEB PANDA | #сервисы #верстка

⬜️ Бесплатное расширение для автокода⬜️

Codeium — бесплатный аналог copilot или tabnine. Умеет дописывать код, благодаря анализу других файлов и нейросети. Функционал бесплатной версии неограничен.

На старте продукт дают бесплатно, но возможно в будущем для новых пользователей он станет платным.

Поддерживаемые редакторы кода:
— Vs Code
— JetBrains
— Vim
— GoLand
— PyCharm
— PhpStorm
— WebStorm
— Android studio
— многое другое...

🔗 Посмотреть 🔗

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

WEB PANDA | #оптимизация

⬜️ GreenShift — комбайн плагинов для Gutenberg⬜️

GreenShift — это огромный пак аддонов для Gutenberg, который делает его супер мощным. Можно сказать, что это как crocoblock для elementor, но только в мире Gutenberg.

Из интересного:
— Супер быстрый. Плагину требуются 2кб стилей. Ничего лишнего не грузится, если блок не используется.
— Изменения чего угодно. Полная поддержка FSE, редактируется шапка, подвал, шаблоны кастомных типов постов и многое другое.
— Анимация. Фреймфорк для потрясающей анимации весом 2 кб.
— Конструктор запросов, что позволяет делать woocommerce магазины и запросы любого типа.
— Более 70 виджетов. Многие с динамической поддержкой.

🔗 Посмотреть 🔗

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

WEB PANDA | #плагины #wordpress #gutenberg

⬜️ Плагин безопасности ⬜️

SiteGround Security — плагин для защиты сайта от взлома. Есть множество настроек. Имеет хорошие отзывы и большое количество установок.

Статьи про безопасность на канале:
— Гайд по безопасности wordpress
— Инструкция по защите сайта на wordpress

🔗 Посмотреть плагин 🔗

👍 Средняя оценка: 4.5
✨ Количество скачиваний: 800 000+
🎯 Последнее обновление: 6 дней назад

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

WEB PANDA | #плагины #wordpress

⬜️ Иконки социальных сетей с эффектом наведения⬜️

Красивые иконки социальных сетей. Сделаны на чистом css без svg, js.

🔗 Посмотреть 🔗

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

WEB PANDA | #codepen #верстка

⬜️ Инструкция по конструктору Bricks ⬜️

Статья про краткий обзор Bricks.

Данный конструктор идёт как wordpress тема. Он имеет большой функционал и множество настроек. Именно из-за этого разобраться в нем довольно трудно и он кажется сложным. Но благодаря видео можно понять основы и научиться им пользоваться.

Сообщество Bricks в Telegram

🔗 Посмотреть 🔗

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

WEB PANDA | #bricks #wordpress #плагины

⬜️ Что такое бриф и зачем он нужен ⬜️

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

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

🔗 Посмотреть статью 🔗

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

WEB PANDA | #советы

⬜️ Ещё один seo плагин ⬜️

SEOPress — относительно недавно начал набирать популярность. Имеет очень большой функционал и будет отличной альтернативой Rank Math Seo или Yoast seo.

Весь функционал бесплатной версии расписан тут, поэтому не вижу большого смысла описывать его в статье. В целом — стандартный, как в других seo плагинах.

🔗 Посмотреть плагин 🔗

👍 Средняя оценка: 5
✨ Количество скачиваний: 200 000+
🎯 Последнее обновление: 3 недели назад

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

WEB PANDA | #плагины #wordpress #seo

⬜️ Фон в виде матрицы ⬜️

Сделан на css и js. В изначальной версии есть китайские буквы, но они легко убираются в js коде на строчке 14. Там же можно добавить свои символы для матрицы.

🔗 Посмотреть 🔗

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

WEB PANDA | #codepen

⬜️ Гайд для новичков wordpress ⬜️

Разобраны все основные тонкости, определения и понятия. Расписано, как установить wordpress, как он работает и многое другое.

🔗 Посмотреть 🔗

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

WEB PANDA | #wordpress

⬜️ Сервис с картинками ⬜️

Сервис с картинками в большом расширении. Содержит уникальные, дизайнерские, красивые картинки. Есть разделения на векторные картинки и растровые.

🔗 Посмотреть 🔗

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

WEB PANDA | #сервисы #дизайн

⬜️ Плагин для улучшения SEO сайта ⬜️

Word Lift - это плагин, работающий на ИИ, позволяющий:

1) Дополнять контент фактами.

2) Добавлять изображения, ссылки и другие элементы.

3) Привлекать читателей релевантными статьями.

4) Создавать контент, совместимый с schema.org разметка.

5) Создавать метаданные.

🔗 Посмотреть 🔗

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

WEB PANDA | #seo #плагины

⬜️ Магия препроцессоров css ⬜️

Написан город в минималистичном стиле на чистом css без использования всяких js библиотек. Конечно, использовался препроцессор scss, где написана логика генерации css кода для такой работы. Кто теперь может поспорить с тем, что css не язык программирования ;) ?

🔗 Посмотреть 🔗

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

WEB PANDA | #codepen #верстка