> For the complete documentation index, see [llms.txt](https://docs.wfolio.pro/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.wfolio.pro/site/settings/link-preview.md).

# Превью ссылки для соцсетей

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

### Какой размер использовать <a href="#a96d7a02-7f0b-4f75-af45-b9e662917571" id="a96d7a02-7f0b-4f75-af45-b9e662917571"></a>

Для превью ссылки лучше использовать горизонтальное изображение шириной не меньше 1200 px.

**Важно учитывать:**

* для Facebook изображение обычно кадрируется по высоте до 630 px;
* для ВКонтакте изображение может кадрироваться по высоте до 480 px;
* универсальным вариантом является изображение размером 1200 × 630 px.

{% hint style="info" %}
После первого отправления ссылки соцсеть может сохранить текст и изображение в кэш. Из-за этого новое превью не всегда отображается сразу.

Сбросить кэш можно по нашей инструкции: [**«Как обновить превью ссылки для соцсетей»**](/site/settings/clear-cache.md)
{% endhint %}

***

### Как добавить превью для всего сайта <a href="#id-42e871e3-65c7-4fd0-aa22-27c657f04cb4" id="id-42e871e3-65c7-4fd0-aa22-27c657f04cb4"></a>

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

{% stepper %}
{% step %}
Перейдите в раздел **«Настройки»**. Найдите блок **«Превью для социальных сетей»**.

<figure><img src="/files/7ezA3zg2oaACc2oTkPZb" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}
Загрузите изображение. Сохраните изменения.
{% endstep %}
{% endstepper %}

### Как добавить превью для отдельной страницы <a href="#id-58dbabde-af7c-43e7-b2ec-c38160498c3e" id="id-58dbabde-af7c-43e7-b2ec-c38160498c3e"></a>

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

{% stepper %}
{% step %}
Найдите нужную страницу. Откройте настройки.&#x20;

<figure><img src="/files/QSSRzRgedmarnYrnoXsn" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}
Перейдите на вкладку **«SEO и соцсети»**. Загрузите изображение для соцсетей. Сохраните изменения.

<figure><img src="/files/iHpArhu8CcLYRBelygWn" alt=""><figcaption></figcaption></figure>
{% endstep %}
{% endstepper %}

***

### Частые вопросы <a href="#id-6083e7fe-fa63-43a8-a7e2-7a20319d18e9" id="id-6083e7fe-fa63-43a8-a7e2-7a20319d18e9"></a>

#### **Где загружается превью для главной страницы сайта?**

В разделе «Настройки» → «Настройки сайта», в блоке «Превью для социальных сетей».

#### **Можно ли задать отдельную превью для конкретной страницы?**

Да. Для этого откройте настройки нужной страницы и загрузите изображение на вкладке «SEO и соцсети».

#### **Какой размер лучше использовать для превью?**

Лучше использовать горизонтальное изображение размером 1200 × 630 px.

#### **Почему после замены превью показывается старая картинка?**

Соцсеть может сохранять старое превью ссылки в кэше. В этом случае нужно обновить кэш ссылки по инструкции [**«Как обновить превью ссылки для соцсетей»**](/site/settings/clear-cache.md)**.**

#### **Нужно ли загружать отдельную превью для каждой соцсети?**

Нет. Вы загружаете одну превью на сайте, а соцсети считывают ее по ссылке.


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.wfolio.pro/site/settings/link-preview.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.