diff --git a/resources/views/components/card.blade.php b/resources/views/components/card.blade.php
new file mode 100644
index 0000000..7fc8b38
--- /dev/null
+++ b/resources/views/components/card.blade.php
@@ -0,0 +1,9 @@
+<div class="card link-card mb-2 px-0 col-12 col-md-6 d-none" style="font-size: small;">
+    <a class="text-dark card-link" href="{{ $link }}" target="_blank" rel="noopener">
+        <img src="" alt="Thumbnail" class="card-img-top bg-secondary">
+        <div class="card-body">
+            <h6 class="card-title font-weight-bold">タイトル</h6>
+            <p class="card-text">コンテンツの説明文</p>
+        </div>
+    </a>
+</div>
\ No newline at end of file
diff --git a/resources/views/ejaculation/show.blade.php b/resources/views/ejaculation/show.blade.php
index b61cf00..05d2695 100644
--- a/resources/views/ejaculation/show.blade.php
+++ b/resources/views/ejaculation/show.blade.php
@@ -54,15 +54,8 @@
                         <!-- okazu link -->
                         @if (!empty($ejaculation->link))
                             <div class="row mx-0">
-                                <div class="card link-card mb-2 px-0 col-12 col-md-6 d-none" style="font-size: small;">
-                                    <a class="text-dark card-link" href="{{ $ejaculation->link }}" target="_blank" rel="noopener">
-                                        <img src="" alt="Thumbnail" class="card-img-top bg-secondary">
-                                        <div class="card-body">
-                                            <h6 class="card-title font-weight-bold">タイトル</h6>
-                                            <p class="card-text">コンテンツの説明文</p>
-                                        </div>
-                                    </a>
-                                </div>
+                                @component('components.card', ['link' => $ejaculation->link])
+                                @endcomponent
                                 <p class="d-flex align-items-baseline mb-2 col-12 px-0">
                                     <span class="oi oi-link-intact mr-1"></span><a class="overflow-hidden" href="{{ $ejaculation->link }}" target="_blank" rel="noopener">{{ $ejaculation->link }}</a>
                                 </p>
diff --git a/resources/views/home.blade.php b/resources/views/home.blade.php
index eb55241..ad8c942 100644
--- a/resources/views/home.blade.php
+++ b/resources/views/home.blade.php
@@ -76,15 +76,8 @@
                             <!-- okazu link -->
                             @if (!empty($ejaculation->link))
                                 <div class="row mx-0">
-                                    <div class="card link-card mb-2 px-0 col-12 col-md-6 d-none" style="font-size: small;">
-                                        <a class="text-dark card-link" href="{{ $ejaculation->link }}" target="_blank" rel="noopener">
-                                            <img src="" alt="Thumbnail" class="card-img-top bg-secondary">
-                                            <div class="card-body">
-                                                <h6 class="card-title font-weight-bold">タイトル</h6>
-                                                <p class="card-text">コンテンツの説明文</p>
-                                            </div>
-                                        </a>
-                                    </div>
+                                    @component('components.card', ['link' => $ejaculation->link])
+                                    @endcomponent
                                     <p class="d-flex align-items-baseline mb-2 col-12 px-0">
                                         <span class="oi oi-link-intact mr-1"></span><a class="overflow-hidden" href="{{ $ejaculation->link }}" target="_blank" rel="noopener">{{ $ejaculation->link }}</a>
                                     </p>
diff --git a/resources/views/search/index.blade.php b/resources/views/search/index.blade.php
index 4fc4c28..9192dde 100644
--- a/resources/views/search/index.blade.php
+++ b/resources/views/search/index.blade.php
@@ -35,15 +35,8 @@
                 <!-- okazu link -->
                 @if (!empty($ejaculation->link))
                     <div class="row mx-0">
-                        <div class="card link-card mb-2 px-0 col-12 col-md-6 d-none" style="font-size: small;">
-                            <a class="text-dark card-link" href="{{ $ejaculation->link }}" target="_blank" rel="noopener">
-                                <img src="" alt="Thumbnail" class="card-img-top bg-secondary">
-                                <div class="card-body">
-                                    <h6 class="card-title font-weight-bold">タイトル</h6>
-                                    <p class="card-text">コンテンツの説明文</p>
-                                </div>
-                            </a>
-                        </div>
+                        @component('components.card', ['link' => $ejaculation->link])
+                        @endcomponent
                         <p class="d-flex align-items-baseline mb-2 col-12 px-0">
                             <span class="oi oi-link-intact mr-1"></span><a class="overflow-hidden" href="{{ $ejaculation->link }}" target="_blank" rel="noopener">{{ $ejaculation->link }}</a>
                         </p>
diff --git a/resources/views/user/profile.blade.php b/resources/views/user/profile.blade.php
index 51c59ae..782c7cf 100644
--- a/resources/views/user/profile.blade.php
+++ b/resources/views/user/profile.blade.php
@@ -60,15 +60,8 @@
                 <!-- okazu link -->
                 @if (!empty($ejaculation->link))
                     <div class="row mx-0">
-                        <div class="card link-card mb-2 px-0 col-12 col-md-6 d-none" style="font-size: small;">
-                            <a class="text-dark card-link" href="{{ $ejaculation->link }}" target="_blank" rel="noopener">
-                                <img src="" alt="Thumbnail" class="card-img-top bg-secondary">
-                                <div class="card-body">
-                                    <h6 class="card-title font-weight-bold">タイトル</h6>
-                                    <p class="card-text">コンテンツの説明文</p>
-                                </div>
-                            </a>
-                        </div>
+                        @component('components.card', ['link' => $ejaculation->link])
+                        @endcomponent
                         <p class="d-flex align-items-baseline mb-2 col-12 px-0">
                             <span class="oi oi-link-intact mr-1"></span><a class="overflow-hidden" href="{{ $ejaculation->link }}" target="_blank" rel="noopener">{{ $ejaculation->link }}</a>
                         </p>