Как убрать отображение местоположения изображения в body, хотя оно находится в метатеге

У меня есть проект Django, и я добавил мета-тег Image следующим образом в base.html

    <meta property="og:image" content="{% block image %}{% endblock %}">
    <meta property="og:image:type" content="image/jpeg">
    <meta property="og:image:width" content="300">
    <meta property="og:image:height" content="300">

на странице home.html я добавил следующее:

{% extends 'base/base.html' %} {% load static %}
{% block content %}
{% block description %}{{ info.description }}{% endblock %}
{% block image %}{{ info.avatar.url }}{% endblock %}

Моя проблема в том, что на главной странице в верхней части расположение изображения отображается так, как показано ниже: enter image description here

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

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

Это расположение происходит от этого тега {{ info.avatar.url }}, просто удалите его и url на главной странице исчезнет, если вы хотите показать само изображение вместо этого, вы можете заменить его на тег img, как это:

Используйте CSS, чтобы скрыть url на вашей странице, как показано ниже :-

{% extends 'base/base.html' %} {% load static %}
{% block content %}
{% block description %}{{ info.description }}{% endblock %}

<span style="display:none;">
    {% block image %}{{ info.avatar.url }}{% endblock %}
</span>
Вернуться на верх