Берто Лопес, останній. діяти. 8 листопада 2018 року

веб-сторінках

У сьогоднішньому дописі я хочу ще раз торкнутися "класики" ведення блогу: як добре використовувати фотографії та зображення на веб-сторінці.

Може здатися, що з цього приводу все вже сказано, але, як ви побачите в цьому дописі, це далеко від цього це так. Більше того, майже напевно ви значно витрачаєте його потенціал.

Вам просто потрібно уважніше поглянути на будь-який блог чи веб-сайт, щоб побачити, що практично всі вони (включаючи наш ...), або майже не використовують зображення, або, вони не роблять того, що повинні робити з їхніми зображеннями, щоб на 100% скористатися їхнім потенціалом, що дуже багато, як ви побачите в дописі.

Тому сьогодні я розповім вам про 7 ключових прийомів що кожен блогер або автор будь-якого іншого веб-сайту повинен використовувати зі своїми зображеннями.

Що ви тут знайдете?

Я впевнений у цьому вам особливо сподобається з цим постом, тому що ви побачите, що вони дуже "Діючий", з негайні результати І, крім того, я точно знаю, що це одна з тем, яка найбільше цікавить наших читачів, яку ми обговорюємо в цьому блозі.

Використання зображень на вашому веб-сайті вам дуже підійде

Якщо у вас є блог або веб-сайт, зображення є необхідний і необхідний ресурс отримати тримати увагу громадськості та уникайте їх нудьги.

Крім того, використання зображень значно покращує естетику веб-сайту та має побічні переваги, які не є очевидними, але дуже важливими, наприклад, наприклад, покращення позиціонування сторінки, якщо ви знаєте, як використовувати потенціал, який мають зображення для SEO.

Однак більшість авторів або через незнання, або через необережність (та брак часу) ними не користуються, або, принаймні, не використовують їх належним чином.

7 Основні методи, які ви повинні застосовувати до фотографій та зображень вашого веб-сайту або вашого блогу

Тож перша техніка, або перша порада, насправді має бути тією порадою, якою ви насправді є використовувати фотографії та зображення у своєму щоденнику, принаймні 2 чи 3 у кожній публікації, і що ви присвятите ці 10-15 хвилин, на які вам знадобиться прочитати цю публікацію, щоб навчитися робити це добре.

1. Використовуйте належну роздільну здатність

Очевидно, що тут також мають бути деякі недоліки, які справді є. Окрім того, що очевидно, що використання хороших зображень додає трохи більше зусиль для створення вмісту, воно також має той недолік, що робить ваші сторінки важче а разом із цим і ваш веб-сайт повільніше. Але не хвилюйтеся, адже це має рішення.

По-перше, це стає дуже відносним, якщо ви використовуєте хорошу пропускну здатність для свого веб-сервера (тобто хороший хостинг), що вам все одно слід робити. Таким чином, сервер не буде легко страждати зі сторінками чогось більшого.

Якщо вам потрібна хостинг для вашого веб-сайту або вашого блогу, дійте!

  • Хостингер: зі знижкою 90% тут
  • SiteGround: зі знижкою 60% тут
  • Webempresa: зі знижкою 25% тут
  • Мережі Райоли: зі знижкою 20% тут

Увага: ці пропозиції дійсні зараз, може закінчитися через кілька днів.

З іншого боку, завантажені вами зображення слід оптимізувати так, щоб вони були якомога меншими, без помітної втрати якості.

Найбільш базовою та ефективною оптимізацією є адаптувати роздільну здатність зображення до його використання на веб-сайті.

Ми скоригували "великий розмір" WordPress відповідно до максимального розміру повнорозмірних зображень. Таким чином ми уникаємо втрат якості через перетворення WordPress для коригування розміру зображення.

Наприклад: основна колонка цього блогу має ширину 700 пікселів.

Який сенс використовувати зображення шириною 3000 або 4000 пікселів? Жодного, правильно?

Насправді в цьому блозі ми використовуємо загальне правило, щоб обмежити зображення в повну ширину 650 пікселів.

Однак зображення з високою роздільною здатністю, наприклад, "без сідла" з вашого мобільного, є пошкодження жорстокий в оптимізації вашої сторінки, різниця, яка в багатьох випадках легко перевищує коефіцієнт, що перевищує 10, наприклад, зображення 1 Мбайт (дуже надмірна) вага до 100 Кбайт (дуже розумно). Я навіть бачив веб-сайти з Зображення розміром 5 або 6 Мбайт, a справді дурний за допомогою якого ви буквально вбиваєте свій веб-сайт.

Як загальне правило, я б рекомендував ніколи не завантажувати зображення шириною, більшою за ширину в пікселях основної області вмісту вашого веб-сайту. Як правило, це буде означати, шириною не більше 600-800 пікселів. У виняткових випадках може мати сенс завантажувати зображення з високою роздільною здатністю, якщо мова йде саме про те, що користувач може бачити їх у високій роздільній здатності. Але при звичайному використанні я настійно рекомендую дотримуватися наведених вище вказівок.

У конкретному випадку використання WordPress під час їх завантаження, автоматично змінювати розмір і разом із цим "жир" вирішується автоматично. Це вже є значним полегшенням проблеми, але все ж проблема полягає в тому Змінення розміру WordPress за замовчуванням не є оптимальним: зазвичай не досягається мінімальний розмір, який був би можливий за допомогою інших інструментів, а зменшених зображень зазвичай більше розмито ніж ви могли б бути від зменшення за допомогою інших інструментів.

З цієї причини в цьому блозі ми вважаємо за краще обробляти їх поза WordPress, як описано в пункті 3, щоб завантажувати їх із точними розмірами, які можна налаштувати в меню "Інструменти/Налаштування". Це запобігти обробці зображення за допомогою WordPress для цих розмірів.

2. Використовуйте належний формат

Я зауважую, що практично всі блогери роблять неправильно не використовуючи найбільш підходящий формат зображення відповідно до використання, до якого ви хочете застосувати це зображення.

Існує три основні формати, які представляють практично 100% форматів, що використовуються в Інтернеті, і це формати JPG, PNG Y GIF.

Наприклад, для a скріншот, Формат JPG - невдалий вибір. Формат PNG краще адаптувати для отримання результатів за допомогою кращий баланс розміру/якості.

У цій публікації ми розповімо вам, для чого призначений кожен формат та як їх добре використовувати:

3. Оптимізуйте зображення (кольори, чіткість тощо)

Оптимізація зображення полягає не тільки в зменшенні його розмірів, але і в застосуванні розумні алгоритми для (наприклад, отримати a оптимальна чіткість зменшені зображення), виберіть відповідний формат як я вже коментував вище і зменшити кольорову палітру.

У цій публікації трохи детальніше пояснюється:

Для цього необхідні хороші спеціалізовані інструменти. Мій особистий фаворит - Photo Resizer FastStone, хоча це також дуже хороша альтернатива RIOT (Інструмент радикальної оптимізації зображення). Також у блозі великих @Manz у вас є чудовий підручник оптимізація, яка базується на цьому останньому інструменті:

FastStone Photo Resizer має безліч варіантів зміни розміру зображень. Крім того, це дозволяє працювати партіями (обробляти кілька зображень одночасно).

Інструмент FastStone робить все, що вам потрібно, дуже добре оптимізує, а також, дозволяє періодичну роботу що призводить мене до дуже важлива порада: Завжди працюйте блоками.

Тобто, якщо ви створюєте допис із 4 або 5 зображеннями, не працюйте над кожним із них, коли потрапляєте до тієї частини вмісту, залиште їх до кінця, а після написання допису виконайте всю роботу, пов’язану з зображеннями одним рухом: оптимізація, її завантаження в блог, текст підписів тощо. Ви побачите, що таким чином ви купуєте багато часу.

Загалом, і навіть якщо це дещо “не тематичний” коментар, я рекомендую це дбайте про свої звички як блогер Щоб бути максимально продуктивним, для цього я рекомендую таке прочитання:

Якщо ти Користувач WordPress, вам пощастило, тому що для WordPress є чудовий плагін WP Smush.it який виконує цей процес автоматично в WordPress при кожному завантаженні зображення.

Результати дуже хороші, хоча якщо хочете крутити дуже дуже добре (наприклад, для досягнення максимальної чіткості зменшеного зображення) краще робити це поза WordPress за допомогою описаних вище інструментів. Мабуть, найрозумніше - це робити за загальним правилом автоматично за допомогою Smush.it, а в конкретних випадках "вручну".

Також погляньте на наш список рекомендованих плагінів, оскільки поряд із WP Smush.it ви знайдете й інші дуже цікаві плагіни для оптимізації використання зображень у WordPress, такі як плагін Ледаче навантаження.

З цим безкоштовна електронна книга - - шаблонів копірайтинг ви будете створювати заголовки, які клацання стрілятимуть у вашому вмісті:

  • 77 Перевірені шаблони заголовків, які збільшуватимуть кількість кліків.
  • Ви отримаєте нескінченні ідеї, створіть власні заголовки.
  • Зі словами "магія" ви будете писати непереборні тексти.
  • Він діє на все: блоги, Інтернет-магазини, соціальні мережі тощо.

Отримайте свою електронну книгу тут

Приєднуйтесь до нашого VIP зона та завантажте електронну книгу зараз

Є 100% безкоштовно 🙂

чуйний цього сайту - Wenova Online S.L., чия призначення - це надсилання інформації та навчання з ведення блогів та Інтернет - маркетингу з легітимація Вашої згоди, наданої у формі.

адресат з ваших даних (інструмент, який ми використовуємо) - це Mailrelay. Він розташований в Іспанії, і ви можете здійснювати свої права доступу, виправлення, обмеження або видалення ваших даних (див. Політику конфіденційності).

4. Використовуйте зображення, щоб стимулювати читача

Побачивши більш технічну частину того, як правильно використовувати зображення на веб-сайті, давайте поговоримо про те, як ними користуватися збільшити приплив читачів на ваш сайт.

Не можу наголосити на ньому великий потенціал для чого потрібні зображення стимулювати читача Y ловити їхню увагу, дуже мало блогів цим користуються. У цьому ж блозі у нас ще є завдання, оскільки це, безумовно, не те, що виконується з дня на день, і вимагає чіткого розуміння того, як це зробити, про що я докладно розповім у наступних пунктах.

Але найголовніше - це те, що ви розумієте, що веб-сайт, який не використовує зображення або зловживає ними не має рівних з тим, хто робить це добре, і, як я вже сказав, мало хто справді це робить добре. Тож скористайтеся цим, оскільки цей факт є чудова можливість виділитися над іншими у вашій ніші.

5. Помножте вплив на соціальні мережі

Тож давайте почнемо з деяких технік, якими все ще користується дуже мало людей, але, тим не менш, надзвичайно ефективні, якщо ви знаєте, як їх добре впровадити. І саме за останні роки в соціальних мережах з’явилася низка нових функціональних можливостей, які дозволяють набагато краще скористатися властивий зображенням привертати увагу читача в цих засобах масової інформації.

Збагатіть свій соціальний вміст мета-тегами

Я маю на увазі, перш за все, три найвигідніші "винаходи":

Згідно з його блогом Ніл Патель, одному з найвідоміших у світі експертів з оптимізації трафіку та конверсій на веб-сайтах, вдалося збільшити трафік своєї сторінки у Facebook в 174% завдяки використанню тегів Facebook Open Graph, які дозволяють точно визначити, якими повинні бути ваші записи на часовій шкалі.

Виглядає як "звичайний" твіт без багатої інформації про картки Twitter.

Можливо, цей успіх не слід сприймати як загальне посилання, але безумовно здоровий глузд, що більша візуальна привабливість контенту, що ділиться в соціальних мережах помітний вплив на отримані кліки. І найкраще з усіх полягає в тому, що зусилля щодо впровадження невеликі, оскільки знову є кілька безкоштовних варіантів реалізації цієї функціональності на вашому сайті.

Вищезазначений твіт з інформацією, збагаченою з Twitter Cards.

Наприклад, у випадку з блогом WordPress, у вас є багато плагінів, які полегшують цю роботу, наприклад:

  • WordPress SEO: Включає необхідну функціональність для інтеграції тегів карток Twitter і Facebook Open Graph.
  • Оптимізація спільного використання WordPress: Плагін, який спеціалізується на інтеграції мета-тегів, він підтримує теги Google+, LinkedIn, Відкритий графік Facebook, Pinterest Rich Pin, Y Картка Twitter.
  • Кнопка jQuery Pin It для зображень: Схід Плагін Pinterestнакладіть на зображення кнопку «Закріпити» при наведенні на них курсору.

У випадку, якщо ваш веб-сайт не створений за допомогою WordPress, подивіться посилання в кінці допису, де ви знайдете дописи, де пояснюється, як реалізувати це "від руки" на будь-якій веб-сторінці.

Фокус зображень із текстом

Спільні публікації із зображеннями з текстом та логотипом значно виділяються серед інших публікацій у соціальних мережах. У цьому випадку використовувався Facebook, але те саме можна було зробити в Twitter із вкладеними зображеннями.

Один з найкращі трюки що я бачив за останні роки привернути увагу та виділитися в соціальних мережах що особливо добре працює на Facebook і що ми справді хочемо реалізувати в цьому блозі, це те, що чудово коментує Гарі Вайнерчук у своїй книзі "Удар, удар, удар, правий гачок" і складається з трьох етапів:

  • Використовуйте великі, якісні зображення ділячись, вони виділяються серед решти і привертають увагу читача.
  • Вставте в них заголовок спільного вмісту. Скористайтеся переліченим вище, щоб читач дійсно побачив заголовок спільного вмісту та збільшив його привабливість (завдяки естетиці в поєднанні із зображенням).
  • Також вбудуйте логотип (якщо у вас є) вашого веб-сайту, щоб зробити невеликий "брендинг" вашого бренду.

До речі, я настійно рекомендую цю книгу, оскільки вона детально аналізує, що можна зробити в кожному з них, щоб виділитися серед решти. Це відмінна колекція ідей та людей з повагою Пет Флінн схвалює, що вони дійсно працюють із власними результатами. Не дивно, що Гері Вайнерчук має репутацію одного з них більш компетентні люди у всьому світі у всьому, що пов’язано з маркетинг у соціальних мережах.

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

З іншого боку, подумайте, що загальним принципом ведення блогів та публікації вмісту на будь-якому веб-сайті є такий робота над вашим дописом не закінчується натисканням кнопки опублікувати, це фактично коли воно починається. Якщо, витрачаючи години на створення контенту, ви також не докладаєте зусиль для його просування, ви готуєте хліб з тістечками.

Навіщо так багато вкладати в роботу, якщо згодом ви не зможете знайти читачів, яких ви заслуговуєте?

6. Скористайтеся перевагами зображень для SEO

Багато людей не знають, що позиціонується не тільки вміст, але й зображення. Насправді, Google розглядає серед своїх 200 факторів позиціонування також ті, що стосуються зображень.

Книга Гері Вайнерчука "Jab, Jab, Jab, Right Hook" є обов'язковим для прочитання, якщо ви хочете дізнатись, як насправді скористатися перевагами соціальних медіа для інтернет-маркетингу.

З іншого боку, якщо ви хочете робити щось добре як блогер, вам слід придбати, принаймні, базові знання, щоб зробити хороший SEO на сторінці вмісту, що має потенціал позиціонування для пошукових запитів Google та інших пошукових систем.

Ну ось SEO трюк що є відкритою таємницею:

Позиціонування на зображеннях Google набагато простіше, ніж робити це з текстовим вмістом оскільки це робить набагато менше людей, тож скористайтеся цим, щоб побічно позиціонувати ваш вміст. Хороша річ у цьому, крім того, що якщо ви вже виконали SEO On Page для своєї сторінки, ви також можете «переробити» її для зображень і, таким чином, отримати більше від свого блогу.

Одним із аспектів цього, що мені особливо подобається, є те, що це дозволить вам позиціонувати в пошукових системах (нішах), в яких за вашим рівнем конкуренції вам неможливо позиціонувати себе через “звичайний” шлях змісту тексту.

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

З цим безкоштовна електронна книга - - ви потрапите на початок результатів Google:

  • В 1 год ви дізнаєтесь SEO, яке вам дійсно потрібно.
  • Ви дізнаєтесь, як дізнатись, що люди шукають в Інтернеті.
  • Ви будете знати, які пошукові запити вас цікавлять, а які ні.
  • Ви потрапите на початок результатів пошуку.
  • Ви збільшите кількість відвідувань свого веб-сайту.