diff --git a/resources/views/bo/layouts/head.blade.php b/resources/views/bo/layouts/head.blade.php
index e014808..48d9b6b 100644
--- a/resources/views/bo/layouts/head.blade.php
+++ b/resources/views/bo/layouts/head.blade.php
@@ -1,7 +1,7 @@
 <meta charset="utf-8">
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
 
-<title>{{ config('app.name') }} - @yield('title')</title>
+<title>@yield('title') - {{ config('app.name') }}</title>
 <meta name="description" content="@yield('description')">
 <meta name="viewport" content="width=device-width, initial-scale=1">
 
diff --git a/resources/views/fo/layouts/head.blade.php b/resources/views/fo/layouts/head.blade.php
index fbaf282..f36b4f7 100644
--- a/resources/views/fo/layouts/head.blade.php
+++ b/resources/views/fo/layouts/head.blade.php
@@ -7,11 +7,15 @@
 <meta name="viewport" content="width=device-width, initial-scale=1">
 
 <!-- Open Graph -->
-<meta property="og:title" content="{{ config('app.name') }} - @yield('title')" />
+<meta property="og:title" content="@yield('title') - {{ config('app.name') }}" />
 <meta property="og:type" content="website" />
 <meta property="og:url" content="{{ config('app.url') }}" />
 <meta property="og:site_name" content="{{ config('app.name') }}" />
-<meta property="og:image" content="" />
+@hasSection('ogPicture')
+<meta property="og:image" content="@yield('ogPicture')" />
+@else
+<meta property="og:image" content="{{ Vite::asset('resources/assets/images/opengraph-website.png') }}" />
+@endif
 <meta property="og:description" content="@yield('description')" />
 
 <!--  Favicon -->